oh-gov-docblack-beta v1.0.3

说明

oh-gov-docblack，是一个红头文件的编辑器，便捷的工具会让您信手拈来，如鱼得水

安装

使用 npm 安装

npm install oh-gov-docblack-beta

使用 yarn 安装

yarn add oh-gov-docblack-beta

使用 pnpm 安装

pnpm install oh-gov-docblack-beta

配置

main.js

import OhGovDocblack from 'oh-gov-docblack-beta';
// 引入样式
import "oh-gov-docblack/lib/oh-gov-docblack.css";

Vue.use(OhGovDocblack);

快速上手

在main.js引入后，在需要的页面直接引用即可。

<block-editor-module 
      ref="editorRef"
     :autoHeight="true"
     :docId="85">
</block-editor-module>

API

props

methods

ref

下述的editorRef表示this.$refs.editorRef

userInfo可选项

setting默认值

{
    placeholder: '开始拟写您的公文吧~',
    menubar: false,
    toolbar: false,
    statusbar: false,
    quickbars_selection_toolbar: " alignleft aligncenter alignright alignjustify  | bold italic underline strikethrough ",
    plugins: "govdoc_title1 link image media table lists fullscreen quickbars imagetools",
    quickbars_insert_toolbar: " quickimage table  | undo redo ",
    language: 'zh_CN',
    inline: true,
    images_upload_handler: (blobInfo, success, failure) => {
        const img = 'data:image/jpeg;base64,' + blobInfo.base64()
        success(img)
    },
    mobile: {
        toolbar: "undo redo | fullscreen | formatselect alignleft aligncenter alignright alignjustify | link unlink | numlist bullist | image media table | fontselect fontsizeselect forecolor backcolor | bold italic underline strikethrough | indent outdent | superscript subscript | removeformat |",
        toolbar_location: "bottom",
    },
    font_formats: "微软雅黑=Microsoft YaHei,Helvetica Neue;PingFang SC;sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun;serifsans-serif;Terminal=terminal;monaco;Times New Roman=times new roman;times", //字体
    extended_valid_elements: '*[id|class|title|style|data*|oh_*|oh_gb_type|path|src],svg[*],path[*],div[*],span[*],p[*],table[*],ul[*],li[*],a[*],td[*],tr[*],strong[*],u[*],oh:b[*],oh:s[*]',
    custom_elements: "~oh:b[*],~ohp[*]",
    short_ended_elements: 'area base basefont br col frame hr img input isindex link meta param embed source wbr track oh:b oh:s',

    forced_root_block: true,
    forced_root_block_attrs: {
        'class': 'oh_gov_block gov_zw',
        'oh_gb_type': "gov_zw",
        'id': `gov_${uuidv4()}`
    },
    auto_focus: true,
    table_default_attributes: {
        class: 'oh_gov_block gov_table',
        'oh_gb_type': "gov_table"
    },
    init_instance_callback: function (editor) {
        this.DFREditor = editor
        console.log('DFEditor: ' + editor.id + ' is now initialized.');
    },
    autoresize_min_height: 400,
    autoresize_max_height: 800
}

handleCommandNew参数选项