TinyMCE 6 编辑器+ Layui 2.8.2+单页面

qqzeng-ip

于 2023-05-13 17:39:00 发布

阅读量547

点赞数

CC 4.0 BY-SA版权

文章标签：编辑器 layui javascript 前端 java

本文链接：https://blog.youkuaiyun.com/zengzhan/article/details/130664990

文章描述了如何在Layui框架中整合TinyMCE6编辑器，通过创建tinymce.js文件进行初始化和功能定义，包括编辑器的构建、内容获取与设置。在单页面应用中，使用layui.extend方法引入并调用tinymce模块，实现了自定义配置的文本编辑器功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TinyMCE 6 编辑器+ Layui 2.8.2 拓展 tinymce.js

目录结构

layui.define(function (exports) {

    var t = {};

    //初始化

    t.bulid = function (options) {
        if (typeof tinymce == 'undefined') {
           
            var script = document.createElement('script');
            script.src = '.././lib/layui_exts/tinymce/tinymce.min.js';
            script.onload = function () {
                tinymce.init(options);               
            };
            document.head.appendChild(script);
        } else {          
            tinymce.activeEditor.destroy();
            tinymce.init(options);  
           
        }
    }

    t.getContent = functio

最低0.47元/天解锁文章