中文文档

此页更新时间：2021-03-05 16:27

此页英文文档：无

默认配置

<p>这里是占位用的文字。</p>

tinymce.init({
    selector: '#tinydemo',
    language:'zh_CN',
});

加载插件后的样子

<p><img style="float: right; max-width: 40%;" src="static/img/qqgroup.jpg" /></p> <p>TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：</p> <table style="border-collapse: collapse; " border="1"> <tbody> <tr style="height: 21px;"> <td style="width: 20%; height: 21px;">UEditor</td> <td style="width: 20%; height: 21px;">Kindeditor</td> <td style="width: 20%; height: 21px;">Simditor</td> </tr> <tr style="height: 21px;"> <td style="width: 20%; height: 21px;">CKEditor</td> <td style="width: 20%; height: 21px;">wangEditor</td> <td style="width: 20%; height: 21px;">Suneditor</td> </tr> <tr style="height: 21px;"> <td style="width: 20%; height: 21px;">froala</td> <td style="width: 20%; height: 21px;">等等</td> <td style="width: 20%; height: 21px;"> </td> </tr> </tbody> </table> <h4>关于此中文文档（手册）</h4> <p>该文档是<a href="./">TinyMCE的中文使用手册、进阶用法的说明书</a>，包含入门用法、插件使用、配置参数使用方法、内置方法等。<span style="color:#f30;">它并非100%照搬英文文档进行翻译</span>，我会对很多自认为不完善的地方进行删改或加入新的内容，使之比原文档更易于学习。</p> <p>弄这个中文手册的初衷：从前一直使用kindeditor，但苦于官方已N久没有更新，不得不到处寻找合适自己的编辑器，用过很多之后，最终感觉还是TinyMCE比较顺手，主要是它能简能繁，适用非常全面。</p> <p>老外的东西是不错的，就是没有中文手册文档，拦住好多像我一样英语比较差的国人，限制了它的知名度，希望这份中文文档能帮助TinyMCE走进中国。</p> <p>我深知自己的英语水平比较烂，如有任何翻译错误，还请邮件告诉我：Lcard@qq.com </p> <p>PS：网友群：689501894，吐槽群：818515594</p> <p>—— 译者兼该文档制作人：莫若卿</p> <p>—— 2019.3</p>

tinymce.init({
    selector: '#tinydemo2',
    //skin:'oxide-dark',
    language:'zh_CN',
    plugins: 'print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media template code codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount imagetools textpattern help emoticons autosave bdmap indent2em autoresize formatpainter axupimgs',
    toolbar: 'code undo redo restoredraft | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough link anchor | alignleft aligncenter alignright alignjustify outdent indent | \
    styleselect formatselect fontselect fontsizeselect | bullist numlist | blockquote subscript superscript removeformat | \
    table image media charmap emoticons hr pagebreak insertdatetime print preview | fullscreen | bdmap indent2em lineheight formatpainter axupimgs',
    height: 650, //编辑器高度
    min_height: 400,
    /*content_css: [ //可设置编辑区内容展示的css，谨慎使用
        '/static/reset.css',
        '/static/ax.css',
        '/static/css.css',
    ],*/
    fontsize_formats: '12px 14px 16px 18px 24px 36px 48px 56px 72px',
    font_formats: '微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;',
    link_list: [
        { title: '预置链接1', value: 'http://www.tinymce.com' },
        { title: '预置链接2', value: 'http://tinymce.ax-z.cn' }
    ],
    image_list: [
        { title: '预置图片1', value: 'https://www.tiny.cloud/images/glyph-tinymce@2x.png' },
        { title: '预置图片2', value: 'https://www.baidu.com/img/bd_logo1.png' }
    ],
    image_class_list: [
    { title: 'None', value: '' },
    { title: 'Some class', value: 'class-name' }
    ],
    importcss_append: true,
    //自定义文件选择器的回调内容
    file_picker_callback: function (callback, value, meta) {
        if (meta.filetype === 'file') {
          callback('https://www.baidu.com/img/bd_logo1.png', { text: 'My text' });
        }
        if (meta.filetype === 'image') {
          callback('https://www.baidu.com/img/bd_logo1.png', { alt: 'My alt text' });
        }
        if (meta.filetype === 'media') {
          callback('movie.mp4', { source2: 'alt.ogg', poster: 'https://www.baidu.com/img/bd_logo1.png' });
        }
    },
    toolbar_sticky: true,
    autosave_ask_before_unload: false,
});