当前位置：首页 » 网站优化 » 正文

给tinymce的插入编辑代码功能增加支持的语言，比如bash和sql。

 人参与  2022年10月17日 22:11  分类 : 网站优化  点这评论

tinymce插入编辑代码的插件叫codesimple，tinymce默认的codesimple支持插入编辑代码的语言如下：

在实际使用过程中，我常用的还会有bash或sql等语言，那么今天来看看怎么让codesimple插件支持bash和sql，在tinymce的初始化配置中，有codesample_languages这个选项，支持的语言在这里配置，我们只需要更改这里的配置即可。

先来看看codesimple_languages默认支持的语言是怎么配置的：

tinymce.init({
  selector: 'textarea',
  plugins: 'codesample',
  codesample_languages: [
    { text: 'HTML/XML', value: 'markup' },
    { text: 'JavaScript', value: 'javascript' },
    { text: 'CSS', value: 'css' },
    { text: 'PHP', value: 'php' },
    { text: 'Ruby', value: 'ruby' },
    { text: 'Python', value: 'python' },
    { text: 'Java', value: 'java' },
    { text: 'C', value: 'c' },
    { text: 'C#', value: 'csharp' },
    { text: 'C++', value: 'cpp' }
  ],
  toolbar: 'codesample'});

刚好和咱们最开始的截图对上号，那么要新增加的语言的text和value要怎么填写呢，tinymce的官网看了一圈，没找到。再想想办法，又想到了tinymce代码高亮使用的prismjs，那么去prismjs的官网看看吧，prismjs的使用方法在前面的文章中有介绍，prismjs的官网地址：https://prismjs.com/

在首页的Supported languages中我们就能找到语言对应的text和value，比如我们今天要添加的bash的text是Bash，value可以是bash，sh，shell中的一个，为了更美观一点，text的值我们更改为Bash/Shell。再找一下sql，sql的text是SQL，value是sql。

好了，我们把这两种语言添加到codesimple_languages的配置项里面去。

codesample_languages: [
            { text: 'HTML/XML', value: 'markup' },
            { text: 'JavaScript', value: 'javascript' },
            { text: 'CSS', value: 'css' },
            { text: 'PHP', value: 'php' },
            { text: 'Ruby', value: 'ruby' },
            { text: 'Python', value: 'python' },
            { text: 'Java', value: 'java' },
            { text: 'C', value: 'c' },
            { text: 'C#', value: 'csharp' },
            { text: 'C++', value: 'cpp' },
            { text: 'Bash/Shell', value: 'bash' },
            { text: 'SQL', value: 'sql' }
        ]

大功告成，看看效果吧。


本文由本站原创或投稿者首发,转载请注明来源！

本文链接：http://www.ziti66.com/net/html/65.html

本文标签：tinymce    

微信公众号：升级接入中

<< 上一篇下一篇 >>
为祖国加油
祖国加油,相信新的一年会更好...
为祖国加油
森林防火，人人有责。祖国加油...

  • 评论（0）
  • 赞助本站

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

相关文章


    最新发布:

    搜索

    网站分类

    Tags列表

    最新留言

    ++发现更多精彩++

      海内存知己，天涯若比邻。

    黔ICP备2020011602号黔ICP备2020011602号-8
    贵公安备52052602000222号

    ❤安全运行天 Copyright © 2018-2023 李烨自媒体 版权所有.

    本站采用创作共用版权 CC BY-NC-SA 3.0 CN 许可协议，转载或复制请注明出处