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

2019-01-25  本文已影响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

上一篇 下一篇

猜你喜欢

热点阅读