<!DOCTYPE html> 
 | 
<html lang="zh"> 
 | 
    <head> 
 | 
        <meta charset="utf-8" /> 
 | 
        <title>Toolbar auto fixed - 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" style="height:3000px;"> 
 | 
            <header> 
 | 
                <h1>工具栏自动固定定位的开启与禁用</h1> 
 | 
                <p>Enable / disable toolbar auto fixed position.</p> 
 | 
            </header> 
 | 
            <div class="btns"> 
 | 
                <button id="enable-btn">Enable</button> 
 | 
                <button id="disable-btn">Disable</button> 
 | 
            </div> 
 | 
            <div id="test-editormd"> 
 | 
                <textarea style="display:none;">### Hello world! 
 | 
  
 | 
codemirror 
 | 
In-browser code editor 
 | 
  
 | 
codemirror    6291    3 days ago 
 | 
angular-ui-codemirror 
 | 
This directive allows you to add CodeMirror to your textarea elements. 
 | 
  
 | 
angular-ui    174    6 weeks ago 
 | 
share-codemirror 
 | 
Codemirror bindings for ShareJS 
 | 
  
 | 
share    24    3 months ago 
 | 
requirejs-codemirror 
 | 
Load codemirror with needed modes and appending codemirror's css only when needed 
 | 
  
 | 
tuchk4    14    2 months ago 
 | 
codemirror-interactive-numbers 
 | 
Drag and update literal numbers inside codemirror 
 | 
  
 | 
fullstackio    4    17 months ago 
 | 
cm-searchbox 
 | 
CodeMirror addon for search and replace 
 | 
  
 | 
coderaiser    3    4 days ago 
 | 
ng-codemirror-dictionary-hint 
 | 
Angular directive that adds hint support to a Codemirror instance based on a custom dictionary. 
 | 
  
 | 
amarnus    3    3 months ago 
 | 
opentok-editor 
 | 
A real time collaborative editor for OpenTok using CodeMirror and ot.js 
 | 
  
 | 
aullman    3    2 weeks ago 
 | 
cirru-mode 
 | 
Cirru mode for CodeMorror 
 | 
  
 | 
Cirru    2    12 months ago 
 | 
ckeditor-codemirror 
 | 
A bower wrapper for the ckeditor codemirror plugin 
 | 
  
 | 
friedolinfoerder    1    2 weeks ago 
 | 
cm-show-invisibles 
 | 
Addon for CodeMirror that helps to show invisibles. 
 | 
  
 | 
coderaiser    1    6 days ago 
 | 
angular-codemirror 
 | 
Add CodeMirror to your AngularJS app 
 | 
  
 | 
chouseknecht    0    12 months ago 
 | 
codemirror-chord 
 | 
Codemirror mode for guitar chords 
 | 
  
 | 
zabudipar    0    3 weeks ago 
 | 
codemirror-states 
 | 
Export and import CodeMirror line classes, line widgets and markers 
 | 
  
 | 
lusever    0    12 days ago 
 | 
ember-cli-codemirror-shim 
 | 
ES6 module shim for CodeMirror. 
 | 
  
 | 
IvyApp    0    3 months ago 
 | 
ivy-codemirror 
 | 
Shim repository for ivy-codemirror. 
 | 
  
 | 
IvyApp    0    2 months ago 
 | 
ng-codemirror 
 | 
Allows you to integrate AngularJS and Codemirror with compatibility for RequireJS 2.x. 
 | 
  
 | 
VictorQueiroz    0    4 months ago 
 | 
sml-codemirror-mode 
 | 
Bower Distribution of the Sparqlification Mapping Language (SML) Syntax Highlighting Mode for CodeMirror 
 | 
</textarea> 
 | 
            </div> 
 | 
        </div> 
 | 
        <script src="js/jquery.min.js"></script> 
 | 
        <script src="../editormd.js"></script> 
 | 
        <script type="text/javascript"> 
 | 
            var testEditor; 
 | 
  
 | 
            $(function() { 
 | 
                testEditor = editormd("test-editormd", { 
 | 
                    width  : "90%", 
 | 
                    height : 1600, 
 | 
                    path   : "../lib/" 
 | 
                }); 
 | 
                 
 | 
                $("#enable-btn").bind("click", function() { 
 | 
                    testEditor.setToolbarAutoFixed(true); 
 | 
                    // or 
 | 
                    //testEditor.springbootconfig("toolbarAutoFixed", true); 
 | 
                }); 
 | 
                 
 | 
                $("#disable-btn").bind("click", function() { 
 | 
                    testEditor.setToolbarAutoFixed(false); 
 | 
                    // or 
 | 
                    //testEditor.springbootconfig("toolbarAutoFixed", false); 
 | 
                }); 
 | 
            }); 
 | 
        </script> 
 | 
    </body> 
 | 
</html> 
 |