封装vue自定义指令v-ab-editor 百度富文本编辑器

最新推荐文章于 2024-06-02 09:34:13 发布

航小码

最新推荐文章于 2024-06-02 09:34:13 发布

阅读量382

点赞数

分类专栏： Vue 文章标签： Vue.js UEditor 自定义指令内容变更源代码模式

本文链接：https://blog.csdn.net/html5_mylove/article/details/121566164

版权

/**
 * 富文本框指令：<textarea v-ab-editor:[editorconfig]="data.objPages.PageContent" height="100"></textarea>
 * v-ab-editor：数据表达式 editorconfig:编辑器配置 height:文本框高度
 * eg:
 * editorconfig = {
    initialFrameHeight: window.innerHeight - 260,
    enableAutoSave: false,
    autoHeightEnabled: false,
    allHtmlEnabled: true,
    focus: true,
    iframeCssUrl: "../../assets/js/plugins/ueditor/themes/pcframe.css",
    },
*/
Vue.directive("abEditor", {
   
    inserted: function (el, binding, vnode) {
   
        window.editor = new UE.ui.Editor(binding.arg || {
   
            focus: true