当前位置:  开发笔记 > 编程语言 > 正文

如何向SimpleMDE添加自定义Markdown功能?

如何解决《如何向SimpleMDE添加自定义Markdown功能?》经验,为你挑选了1个好方法。

目前正在使用这个 Markdown WYSIWYG编辑器.我需要使用一个函数扩展Markdown(!!text!!创建红色文本)并在服务器端成功完成,但作为一个与JavaScript斗争的人,我很难为这个库做同样的事情.



1> Oriol del Ri..:

试试这个:

var myEditor = new SimpleMDE({
    toolbar: [
        {
            name: "redText",
            action: drawRedText,
            className: "fa fa-bold", // Look for a suitable icon
            title: "Red text (Ctrl/Cmd-Alt-R)",
        }
    ]
});

function drawRedText(editor) {

    var cm = editor.codemirror;
    var output = '';
    var selectedText = cm.getSelection();
    var text = selectedText || 'placeholder';

    output = '!!' + text + '!!';
    cm.replaceSelection(output);

}

您必须将工具栏数组添加到您可能需要的其余按钮中.在官方GitHub回购中查看它们.


代码镜像文档的相关链接:https://codemirror.net/doc/manual.html#api_selection
推荐阅读
无名有名我无名_593
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有