TinyMCE 编辑器的常用配置以及语言的选择

TinyMCE 编辑器的常用配置以及语言的选择
小技巧
23:17, 20 十月 2019
157
0
TinyMCE 编辑器的常用配置以及语言的选择

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由jаvascript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。
功能方面虽然不能称得上是最强,但绝对能够满足大部分网站的需求,并且功能配置灵活简单。另一特点是加载速度非常快,如果你的服务器采用的脚本语言是PHP,那还可以进一步优化。最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用。


之前汉化了一款wowonder源码,这个源码的编辑器就是使用了TinyMCE,但默认编辑器界面是英文的,所以研究了一下,将编辑器界面改成中文的,在这里做一下记录。

1、首先要到 https://www.tiny.cloud/get-tiny/language-packages/ 下载简体中文语言包Chinese (China)
2、解压缩后上传到服务器的tinymce\js\tinymce\langs 下。
3、然后在模板处增加一段代码

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  language: 'zh_CN'
});


这样就将会在selector指定的textarea处插入一个iframe,但问题也出现了,不止wowonder的发布文章处会出现中文的编辑器,连在简介处也会出现一个编辑器,解决方法是定义一下textarea的id

比如wowonder,我们查看输入文章正文的HTML代码为
<textarea name="blog_content" id="blog" placeholder="内容"></textarea>

那么我们在添加编辑器语言代码的时候就要改一下
tinymce.init({
  selector: 'textarea#blog',  // change this value according to your HTML
  language: 'zh_CN'
});

保存代码,现在就只会在输入正文处出现编辑器界面了。

教程参考


https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/
https://www.tiny.cloud/docs-4x/configure/localization/#language
Ctrl
Enter
发现错误?你可以选择文本
然后按 Ctrl+Enter反馈给我
评论 (0)
TOP热门
Shell 脚本一键编译并且安装 php Shell 脚本一键编译并且安装 php
Shell 脚本一键编译并且安装 php...
2020-06-18, 22:47
82
0
使用PHP查看SSL证书信息 使用PHP查看SSL证书信息
使用PHP查看SSL证书信息...
2020-05-08, 22:40
47
0