TinyMCE是一个功能强大且灵活的文本编辑器,可以让拥有各种技术专业知识的人员轻松创建丰富的内容。Tiny Cloud非常适合希望更轻松安装和升级过程的任何人。如果您不熟悉TinyMCE,并且希望在不到5分钟的时间内(通过我们的TinyMCE Cloud)启动并运行本地编辑器实例,那么本文档就是您的最佳选择。
现在,回到TinyMCE的入门。您将在接下来的3个步骤中启动并运行基本的本地编辑器实例。
在<head>HTML页面中包含以下代码行:
<script src='https://cloud.tinymce.com/stable/tinymce.min.js'></script>
提示:我们在第2步中为您提供了完整的HTML代码段。
使用包含的脚本,在网页中的任何元素(或元素)上初始化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>。
当<form>被提交TinyMCE的编辑器模仿一个普通的HTML行为<textarea>过程中post。在表单处理程序中,您可以处理提交的内容,就好像它来自常规内容一样<textarea>。
所以这就是它的全部!
网友评论