标签归档:tinymce

RSS feed of tinymce

TinyMCE4集成CodeMirror插件

TinyMCE wysiwyg 编辑器是一款非常基本的HTML源代码编辑器。作者实现了一款针对TinyMCE的插件使得编辑HTML源代码的经历更加令人愉快。这款插件基于卓越的CodeMirror代码编辑器,由Marijn Haverbeke开发。

CodeMirror4TinyMCE项目链接:http://www.avoid.org/codemirror-for-tinymce4/

这款插件提供了如下功能:

  1. HTML, Javascript和PHP代码语法高亮
  2. 显示行号
  3. 高亮当前编辑行
  4. 自动缩进
  5. 多重Undo/Redo
  6. 搜索/替换功能
  7. 等等...

说明:

  • 下载和安装TinyMCE4并确保其可以在缺省设置下运行
  • 下载CodeMirror插件的源文件(codemirror.zip 或者 codemirror.tar.gz)
  • 将下载到的文件解压至tinymce/plugins目录。新建一个文件夹命名为codemirror
  • 下载CodeMirror(3 ...

继续阅读

django-blog-zinnia更新django-tinymce版本4.0

从链接下载django-tinymce4的分支版本:django-tinymce-v4-branch

注:此版本尚在开发过程中(最后一次更新于2013年12月初),许多功能还未实现,但并不影响主要功能的使用。

更新zinnia/templates/admin/zinnia/entry目录下的tinymce_textareas.js

替换为如下内容:


tinymce.init({
	id: "id_content",
	valid_elements : '*[*]',
	selector: "textarea",
	language: "zh_CN",
    theme: "modern",
    plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks ...

继续阅读

tinymce4.0添加自定义表情

tinymce 4.0自带了16个表情

我们可以使用一种Hack的方式为tinymce添加自定义gif格式的表情

步骤如下:

1. 在tinymce/plugins/emoticons/img目录下添加格式为gif的表情图片

2. 在tinymce.js(tinymce.min.js)中找到包含["cool","cry","embarassed","foot-in-mouth"]的list变量

3. 将新添加的自定义表情图片的文件名以列表的形式插入步骤2找到的list中

效果如下图所示:

截图如下:(在默认表情列表前添加了4个新表情)

自定义表情