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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 7,040评论 0 16
  • 很多人都认为欧洲是没有沙漠的。但其实并不然,在西班牙东南部就有整个欧洲唯一的一片沙漠,它的名字叫做本纳斯沙漠(Ta...
    冷历史观阅读 14,657评论 0 2
  • 哈哈,也许是狗年汪汪旺旺来,昨天社区突然通知俺,说领导想着你们这一户多残的呢,所以给你们补点钱“数额虽然不多...
    退休人老高阅读 104评论 0 1
  • 又到了一年中的毕业季,这次我们将送走15级的两位姐姐 我们在周天下午提早返校对休息室进行了简单的布置,让它看起来更...
    70b58689edf8阅读 320评论 0 0
  • (摘自知乎上的水膜达人) 要点一:护肤前功课 洁面:其实洁面才是护肤的基石,细心挑选适合自己肤质的洁面卸妆产品,才...
    IamCircle阅读 579评论 0 0

友情链接更多精彩内容