tinyMCE | 快速入门级

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>。

所以这就是它的全部!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,695评论 1 45
  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 2,849评论 2 9
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0 0
  • 能在史书上留下只言片语的人,都是当时当世最顶尖的人物(因为能记下了的太少了)。不管是才智、心计、头脑,都是当世一...
    一个心理咨询师阅读 483评论 2 7
  • 关于逼道的不停!两个原因!一能改点世道风气固然好,二,改不了,让这几个成长中襁褓中的自家孩子,能看到真正的天空在何...
    纵情嬉戏天地间阅读 181评论 0 1