Toggle navigation
新文章
首页
> TinyMCE的使用-安装
TinyMCE的使用-安装
TinyMCE安装非常简单，它可以被初始化为
标签中的
，当提交表单时，TinyMCE编辑器的内容将作为<form>表单的一部分被提交。</p> <p>步骤1：下载TinyMCE并将其放在网站服务器目录</p> <ul><li>下载TinyMCE</li><li>将得到的zip包加压，复制"tinymce/js/tinymce"目录到服务器根目录，如(/var/www/html)</li></ul><p>步骤2：将TinyMCE添加到html页面</p> <p>将下面这段脚本放在html页面的<head>标签中</p> <div class="cnblogs_code"> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">script </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text/javascript"</span><span style="color:#ff0000;"> src</span><span style="color:#0000ff;">="<your installation path>/tinymce/tinymce.min.js"</span><span style="color:#0000ff;">></</span><span style="color:#800000;">script</span><span style="color:#0000ff;">></span></pre> </div> <p>步骤3：初始化TinyMCE为web表单的一部分</p> <p>包含以上脚本后，就可以将TinyMCE插入网页的任何元素中。</p> <p>TinyMCE可以通过CSS3选择器识别元素，只需将一个包含选择器的对象传递给tinymce.init()即可。</p> <p>如以下这个例子：</p> <div class="cnblogs_code"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">head</span><span style="color:#0000ff;">></span><span style="color:#0000ff;"><</span><span style="color:#800000;">script </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text/javascript"</span><span style="color:#ff0000;"> src</span><span style="color:#0000ff;">="<your installation path>/tinymce/tinymce.min.js"</span><span style="color:#0000ff;">></</span><span style="color:#800000;">script</span><span style="color:#0000ff;">></span><span style="color:#0000ff;"><</span><span style="color:#800000;">script </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text/javascript"</span><span style="color:#0000ff;">></span><span style="color:#000000;">tinymce.init({selector: </span><span style="color:#000000;">"</span><span style="color:#000000;">#mytextarea</span><span style="color:#000000;">"</span><span style="color:#000000;">});</span><span style="color:#0000ff;"></</span><span style="color:#800000;">script</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">head</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span><span style="color:#0000ff;"><</span><span style="color:#800000;">h1</span><span style="color:#0000ff;">></span>TinyMCE Getting Started Guide<span style="color:#0000ff;"></</span><span style="color:#800000;">h1</span><span style="color:#0000ff;">></span><span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">method</span><span style="color:#0000ff;">="post"</span><span style="color:#0000ff;">></span><span style="color:#0000ff;"><</span><span style="color:#800000;">textarea </span><span style="color:#ff0000;">id</span><span style="color:#0000ff;">="mytextarea"</span><span style="color:#0000ff;">></</span><span style="color:#800000;">textarea</span><span style="color:#0000ff;">></span><span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <p>步骤4：使用<form>的POST方法保存内容</p> <p>当提交表单时，TinyMCE编辑器模仿正常HTML<textarea>标签的行为，不需要其他额外的配置。</p> </div> <p>转载于:https://www.cnblogs.com/beita/p/4657354.html</p> </div> </div> </div> <div class="col-sm-10 col-sm-offset-1" style="margin-top: 1px;"> <div class="listBlocks content_box"> <h3>更多相关：</h3> <ul class="arcListWrap"> <li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/i6t4153wxr/" target="_blank">python爬图片教程_python爬去妹子网整个图片资源教程（最详细版）</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>爬取妹子网的低级教程连接如下：[爬妹子网](https://blog.csdn.net/baidu_35085676/article/details/68958267) ps：只支持单个套图下载，不支持整体下载 在说说我的这个爬虫代码的设计思路： ①当我们浏览这个网站时，会发现，每一个页面的URL都是以网站的域名+page+页数组成，... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/62ct39wzrf/" target="_blank">【硬核技能】舒工自创bind绑定数据方法，类似angular和vue绑定数据原理</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>if ($g) {$g.$utils || ($g.$utils = {}); } else {var $g = {};$g.$utils = {}; } /*绑定数据神器*/ $g.$utils.bind = {a(html, obj) {return this.object(html, obj);},object(h, o) {f... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/uwc5yqxim0/" target="_blank">不能忽略的Nginx做web服务器的favicon.ico图像找不到问题</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>我们在使用Nginx搭建HTTP的web server的过程中，一般都很顺利，默认的网站根目录一般是/usr/local/nginx/html，我们也可以正常访问到Nginx的欢迎信息，比如使用下面的网址： http://localhost/ 但是发现运行一段时间后，Nginx的error日志中会定期抱怨说，没有找到favicon... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/tf35mg7lx0/" target="_blank">吴裕雄--天生自然 JAVASCRIPT开发学习：（String） 对象</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body><script> var carname1="Volvo XC60"; var carname2='Volvo XC60'; v... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/eqw4alyb3s/" target="_blank">目录test</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>目录 python java c++ html <html><strong>Helloworld</strong> </html> 转载于:https://www.cnblogs.com/cumquat/p/10449431.html... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/qbx2mn06ap/" target="_blank">兼容IE11</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p><head><!--兼容IE11--><!--webkit core--><meta name="renderer" content="webkit"/><meta name="force-rendering" content="webkit"/><meta http-equiv="X-UA-Compatible" content="... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/m8upasjzrh/" target="_blank">两种方法动态加载外部原生JS文件</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>//方法1----------------------------------------document.write("<script src='js/external.js'></script>");//方法2----------------------------------------/** 动态加载JS @para... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/8lim3gqf01/" target="_blank">Angular1.4.6框架简单读取数据库信息并渲染完成news新闻文章列表以及detail详情页功能（小试牛刀）</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>项目结构 css/angular-common.css table tr td:first-child {/**背景图片*/width: 200px;height: 100px;/**居中填满*/background-repeat: no-repeat;background-position: center;background-s... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/1lbfasdcm7/" target="_blank">Vue.js框架简单读取数据库信息并渲染完成news新闻文章列表以及detail详情页功能（小试牛刀）</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p> 项目结构 news.html（新闻列表文件） <!doctype html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/ptih2dzeqx/" target="_blank">xBIM 实战01 在浏览器中加载IFC模型文件</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>系列目录 【已更新最新开发文章，点击查看详细】 一、创建Web项目 打开VS，新建Web项目，选择 .NET Framework 4.5 选择一个空的项目 新建完成后，项目结构如下： 二、添加webServer访问文件类型 由于WexXplorer 加载的是 .wexBIM格式的文件或者文件流，所以需要在W... </p> </div> </div> </li> </ul> </div> </div> </div> <!-- <div class="simle_box300"></div> --> </div> </section> <div class="footer-wrapper"> <div class="footer"> <p class="text-center"> ©2024 11GX.COM </p> </div> </div></body> </html>