TinyMCE 富文本编辑器 ━━ 高级安装

高级安装

到目前为止,我们一直在使用基于 Tiny Cloud 的 TinyMCE,虽然它是实例化编辑器的最简单方法,但它可能并不总是最好的方式。在本文中,将介绍 TinyMCE 的其他一些安装选项。

TinyMCE 的安装方法有以下几种:

  • Tiny Cloud:基于 Tiny 云平台
  • Package Managers:包管理器安装
  • SDK:下载 SDK 本地安装
  • Custom Build:自定义构建

我们最常用的只有 Tiny Cloud 和 SDK,所以本文只讲这两种安装方式

 

Tiny Cloud

这个比较简单,在之前的日志中所有的示例代码中使用的都是这种方式,但是这种方式并不是一种好的方式,难免会出现 Tiny Cloud 网络不好或者其他情况导致加载不了 js 文件,所以这并不是一种好的方案。

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

使用方法则是跟之前的示例代码一致

<!DOCTYPE html>
<html>
<head>
  <script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
  <script type="text/javascript">
  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>

 

SDK

下载 SDK 到本地,这也是我们最常使用的方案也是比较好的一种方案。安装方法很简单,只需要前往下载 下载相应的版本即可,然后将下载的 SDK 放到项目中(因为 TinyMCE 有一些插件可能需要 PHP 之类的语言,所以建议放到项目下,如果是纯静态的也可以放到静态文件服务器中)

<script src="path/to/tinymce/js/tinymce.min.js"></script>

下载 SDK 是还可以自己选择需要哪些功能或者插件,详情参见:https://www.tiny.cloud/download/custom-builds

 

jQuery Install

如果过你习惯使用 jQuery,你也可以下载  jQuery 版的,然后将文件引用到需要使用的页面中即可

<script src="/path/to/tinymce/tinymce.min.js"></script>
<script src="/path/to/tinymce/jquery.tinymce.min.js"></script>

 

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

About: Mr.zhang

成谜于写 bug 无法自拔~


发表评论

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