StudentInformationManagement/X-admin/editormd/examples/external-use.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>External use - Editor.md examples</title>
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="../css/editormd.css" />
        <link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon" />
    </head>
    <body>
        <div id="layout">
            <header>
                <h1>External use</h1> 
                <p>External use of toolbar handlers / modal dialog</p>
            </header>
            <div class="btns">
                <button id="undo">Undo</button>
                <button id="open-link-dialog">Open link dialog</button>
                <button id="insert-bold">Insert Bold</button>
                <button id="insert-h6">Insert Heading 6</button>
                <button id="insert-inline-code">Insert Inline code</button>
                <button id="open-image-dialog">Open image dialog</button>
                <button id="open-help-dialog">Open help dialog</button>
                <button id="open-html-entities-dialog">Open html entities dialog</button>
            </div>
            <div id="test-editormd">                
                <textarea style="display:none;">[TOC]

### External use of toolbar handlers / modal dialog

```javascript 
testEditor = editormd("test-editormd", {
    width  : "90%",
    height : 720,
    path   : '../lib/'
}); 

// the first method
$("#undo").bind('click', function() {
    $.proxy(testEditor.toolbarHandlers.undo, testEditor)();
});

// the Second method : using manually loaded dialog plugin
// &lt;script src="../plugins/html-entities/html-entities.js"&gt;&lt;/script&gt;
$("#open-html-entities-dialog").bind('click', function() {
    testEditor.htmlEntities();
});

// using toolbar dialog plugin
$("#open-link-dialog").bind('click', function() {
    $.proxy(testEditor.toolbarHandlers.link, testEditor)();
});

// or
$("#open-image-dialog").bind('click', function(){
    // load and execute plugin
    testEditor.executePlugin("imageDialog", "../plugins/image-dialog/image-dialog");
});
```
</textarea>