TinyMCE的使用-安装

TinyMCE安装非常简单，它可以被初始化为<form>标签中的<textarea>，当提交表单时，TinyMCE编辑器的内容将作为<form>表单的一部分被提交。

步骤1：下载TinyMCE并将其放在网站服务器目录

下载TinyMCE
将得到的zip包加压，复制"tinymce/js/tinymce"目录到服务器根目录，如(/var/www/html)

步骤2：将TinyMCE添加到html页面

将下面这段脚本放在html页面的<head>标签中

<script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>

步骤3：初始化TinyMCE为web表单的一部分

包含以上脚本后，就可以将TinyMCE插入网页的任何元素中。

TinyMCE可以通过CSS3选择器识别元素，只需将一个包含选择器的对象传递给tinymce.init()即可。

如以下这个例子：

<!DOCTYPE html>
<html>
<head><script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script><script type="text/javascript">tinymce.init({selector: "#mytextarea"});</script>
</head>
<body><h1>TinyMCE Getting Started Guide</h1><form method="post"><textarea id="mytextarea"></textarea></form>
</body>
</html>

步骤4：使用<form>的POST方法保存内容

当提交表单时，TinyMCE编辑器模仿正常HTML<textarea>标签的行为，不需要其他额外的配置。

转载于:https://www.cnblogs.com/beita/p/4657354.html

TinyMCE的使用-安装相关推荐

vue中如何使用富文本编辑器（TinyMce）
英文官网:https://www.tiny.cloud/ 中文官网:http://tinymce.ax-z.cn/ 安装使用npm install tinymce --save命令下载完整的包 np ...
VUE+tinymce（富文本编辑器）
效果图: VUE项目引入tinymce 1.tinymce安装以及下载 npm install @tinymce/tinymce-vue -save npm install tinymce -save ...
❤❤全网最全-----VUE3.0最火爆的编辑器《TinyMCE》❤❤
<tinymce>一个非常适用于vue的编辑器.它在gitHub上的星星就要突破一万大关︿(￣︶￣)︿首先我们的技术选型是 Vite2.0以上+Vue3.0 使用的是JS来引入TinyM ...
tinymce 使用及自定义上传插件
使用框架及语言:vue3 + ts + ant design vue + vben admin 在vben admin框架中有封装使用 tinymce 且重写了上传组件,但是与项目要求的上传不一致,特 ...
VUE 集成富文本编辑器及踩坑记录
一.查看 vue版本和vue cli版本首先要知道自己所使用的VUE 版本和脚手架(VUE CLI)版本这样自己无论是在百度的时候还是选择富文本编辑器对应版本的时候都方便很多 1.查看vue 版 ...
【场景方案】关于excel、pdf、word、富文本编辑器、思维导图制作、图表制作这类第三方库的推荐
文章目录 excel推荐上传与数据解析前端下载excel 预览 pdf推荐预览 word推荐数据解析预览富文本编辑器推荐思维导图推荐图表推荐 excel推荐上传与数据解析主要推荐的 ...
Vue项目中tinymce富文本的安装以及配置
Vue项目中tinymce富文本的安装以及配置对于目前网上存在的许多富文本插件中,个人还是觉得tinymce相对比较强大一些.在使用配置的过程中,可能会出现配置不完全,导致使用不了的情况,下面把我个 ...
TinyMCE：下载、安装、配置
第一步:下载官网下载:https://www.tiny.cloud/download/ TinyMCE从4.0开始,不再支持直接下载,而是直接使用提供免费的CDN,让用户免除安装过程,可以在网站中使 ...
vue 集成富文本tinymce
开发环境 1. vscode 开发语言 1. vue 2. javaScript 插件安装 1. npm install tinymce -S 2. 可以使用里面的文件, 下载后可以在node_mod ...

TinyMCE的使用-安装

TinyMCE的使用-安装相关推荐

最新文章

热门文章