美文网首页
jquery插件simditor,做个人博客网站

jquery插件simditor,做个人博客网站

作者: 狗语 | 来源:发表于2019-01-25 21:29 被阅读0次

    simditor是个简单做博客发布文章的插件

    首先就是下载simditor的依赖,这里有两种方法,第一种就是通过npm下载需要的依赖npm i simditor 因为simditor是依赖jquery的插件所以,使用前提条件就是先要引入jquery,然后引入simditor必要的依赖,第二种就是从网上找一些人发布的demo是否有吧需要的依赖文件单独发布出来。

    <!--simditor插件依赖-->

      <link rel="stylesheet" type="text/css" href="./simditor/styles/simditor.css" />

      <script type="text/javascript" src="./jquery/dist/jquery.min.js"></script>

      <script type="text/javascript" src="./simple-hotkeys/node_modules/simple-module/lib/module.js"></script>

      <script type="text/javascript" src="./simple-hotkeys/lib/hotkeys.js"></script>

      <script type="text/javascript" src="./simple-uploader/dist/uploader.js"></script>

      <script type="text/javascript" src="./simditor/lib/simditor.js"></script>

    引入完成之后就是使用这个插件了,然后这里只有显示的一些方法,一些具体的可以查找官网的手册。simditor插件官网

    <textarea id="editor" placeholder="" autofocus></textarea>

    <script>

          const editor = new Simditor({

            textarea: $('#editor'),

            // toolbar: [

            //  'bold',

            //  'italic',

            //  'underline',

            //  'strikethrough',

            //  'fontScale',

            //  'blockquote',

            //  'code',          //# code block

            //  'table',

            //  'link',

            //  'image',

            //  'hr',            //# horizontal ruler

            // ],

            //optional options

          });

    demo可以来这里下载使用simditor的demo

    相关文章

      网友评论

          本文标题:jquery插件simditor,做个人博客网站

          本文链接:https://www.haomeiwen.com/subject/kzljdqtx.html