TinyMCE 富文本编辑器 ━━ 快速入门

简介

TinyMCE 是一个功能强大并且灵活的轻量编辑器,可以让拥有各种技术专业知识的人员轻松创建丰富的内容。Tiny Cloud 非常适合希望轻松安装和升级过程的任何人。

示例

创建一个基于 Tiny Cloud 的简单示例

 

第一步 编写 HTML 的内容
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>TinyMCE Editor For Tiny Cloud</title>
</head>

<body>
  <form method="post">
    <textarea id="mytextarea">Hello, World!</textarea>
  </form>
</body>
</html>

 

第二步 引入 js 文件
<script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script>

 

第三步 将 TinyMCE 初始化为 web 表单的一部分
<script>
    tinymce.init({
        selector: '#mytextarea'
    });
</script>

只需要以上三步即可实例化一个 TinyMCE 编辑器到页面上

 

以上部分内容来自 TinyMCE 官方文档:https://www.tiny.cloud/docs

About: Mr.zhang

成谜于写 bug 无法自拔~


发表评论

邮箱地址不会被公开。 必填项已用*标注