添加公式、思維導(dǎo)圖

為了獲取更多最新內(nèi)容及功能更新，請(qǐng)直接訪問(wèn)我們的首頁(yè)以查看DzzOffice筆記的最新地址。

1.在百度編輯器工具欄模式合適的位置添加???kityformula?、?kityminder?即可，比如我想讓新聞插件在pc端中使用，并且想將公式和思維導(dǎo)圖按鈕放在從草稿箱加載后面，就可以是：

simple: [
        ['fullscreen','undo', 'redo', '|','paragraph', 'fontfamily', 'fontsize','|', 'bold', 'italic',
                'underline', 'strikethrough', '|', 'forecolor', 'backcolor',  '|', 
				'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain','|', 'inserttable', 'insertcharts','charts','|',
				'insertorderedlist', 'insertunorderedlist', 'indent',
                'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',
				'insertcode', 'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage','scrawl', '|',
                 'link', 'unlink','simpleupload', 'insertvideo','attachment','dzzfile','emotion','|','drafts','kityformula', 'kityminder'
        ]
    ],

2.在百度編輯器樣式中添加css代碼

.edui-default  .edui-for-kityformula .edui-icon {
    background-position: -747px -77px;
}
.edui-default  .edui-for-kityminder .edui-icon {
    background-position: -766px -77px;
}

3.在百度編輯器語(yǔ)言中的?labelMap?段添加按鈕名稱(chēng)?'kityformula':'插入公式','kityminder':'插入思維導(dǎo)圖'?

4. 在百度編輯器打包文件中配置插件

?第一步在??var iframeUrlMap = {??段添加插件文件地址

'kityformula':'~/dialogs/kityformula/kityFormulaDialog.html',
'kityminder':'~/dialogs/kityminder/kityMinderDialog.html',

第二步設(shè)置插件窗口

var dialogBtns = {        noOk:['searchreplace', 'help', 'spechars', 'webapp','preview'],
        ok:['attachment', 'anchor', 'link', 'insertimage', 'map', 'gmap', 'insertframe', 'wordimage',
            'insertvideo', 'insertframe', 'edittip', 'edittable', 'edittd', 'scrawl', 'template', 'music', 'background', 'charts', 'kityminder', 'kityformula']
    };

第三步設(shè)置插件全屏

if (iframeUrl) {
                            dialog = new editorui.Dialog(utils.extend({
                                iframeUrl:editor.ui.mapUrl(iframeUrl),
                                editor:editor,
                                className:'edui-for-' + cmd,
                                title:title,
                                holdScroll: cmd === 'insertimage',
                                fullscreen: /charts|preview|kityminder|kityformula/.test(cmd),

第四步應(yīng)用//注釋

case 'img':
                        //todo base64暫時(shí)去掉，后邊做遠(yuǎn)程圖片上傳后，干掉這個(gè)
//                        if (val = node.getAttr('src')) {
//                            if (/^data:/.test(val)) {
//                                node.parentNode.removeChild(node);
//                                break;
//                            }
//                        }

5.將下圖替換至dzz\system\ueditor\themes\default\images\icons.png

 6.放置插件文件

下載鏈接：https://hlc.lanzouo.com/b01k7xlzi 密碼：xiaohu 公式文件：kityformula.7z 思維導(dǎo)圖文件： kityminder.7z

下載解壓后將kityformula、kityminder放置dzz\system\ueditor\dialogs下

 7.最后清理瀏覽器緩存即可