tinyMCE | 快速入门级

2018-12-19  本文已影响0人  北纬之海

TinyMCE是一个功能强大且灵活的文本编辑器,可以让拥有各种技术专业知识的人员轻松创建丰富的内容。Tiny Cloud非常适合希望更轻松安装和升级过程的任何人。如果您不熟悉TinyMCE,并且希望在不到5分钟的时间内(通过我们的TinyMCE Cloud)启动并运行本地编辑器实例,那么本文档就是您的最佳选择。

现在,回到TinyMCE的入门。您将在接下来的3个步骤中启动并运行基本的本地编辑器实例。

第1步:包含TinyMCE脚本

在<head>HTML页面中包含以下代码行:

<script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script>

提示:我们在第2步中为您提供了完整的HTML代码段。

第2步:将TinyMCE初始化为Web表单的一部分

使用包含的脚本,在网页中的任何元素(或元素)上初始化TinyMCE。

由于TinyMCE允许您通过CSS选择器识别可替换元素,因此您需要做的就是传递包含selectorto 的对象tinymce.init()。

在这个例子中,让我们<textarea id='mytextarea'>通过传递选择器'#mytextarea'来替换TinyMCE编辑器实例tinymce.init()。

<!DOCTYPE html>

<html>

<head> 

<script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script>

  <script>  tinymce.init({    selector: '#mytextarea'  });  </script>

</head>

<body>

<h1>TinyMCE Quick Start Guide</h1> 

<form method="post">   

<textarea id="mytextarea">Hello, World!</textarea>

  </form>

</body>

</html>

注意:如果您在本地测试,则需要https://在script标记中添加前缀。例如,<script src='https:https://cloud.tinymce.com/stable/tinymce.min.js'></script>。

第3步:使用表单POST保存内容

当<form>被提交TinyMCE的编辑器模仿一个普通的HTML行为<textarea>过程中post。在表单处理程序中,您可以处理提交的内容,就好像它来自常规内容一样<textarea>。

所以这就是它的全部!

上一篇 下一篇

猜你喜欢

热点阅读