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