模板简介
模板使用说明(必读)
主题配色问题
关于V5模板中的CSS变量
首页修改地址后刷新不变的问题
顶部导航对应侧边栏菜单切换
侧边栏菜单的JS初始化
iframe子页面刷新问题
iframe版本右侧内容区域404问题
关于非iframe版本菜单高亮
iframe版本的Tab插件相关问题
关于iframe版本里面的加载动画
webuploader使用时候的问题
模板字体图标问题
关于版权和商业用途
模板中固有插件
bootstrap-colorpicker颜色选择
bootstrap-datepicker日期选择
bootstrap-datetimepicker日期时间
bootstrap-maxlength长度验证
bootstrap-select下拉选择
bootstrap-table表格插件
fullcalendar日程插件
jquery-confirm对话框
jquery-tagsinput标签插件
magnific-popup图片查看
webuploader上传插件
bootstrap-notify消息插件
chartjs图表插件
bootstrap.wizard向导插件
perfect-scrollbar滚动条插件
bootstrap-multitabs多标签
moment.js日期处理类
loading插件
popper插件
插件项目包含插件
bootstrap-daterangepicker
material-datetimepicker
dropzone上传
cropper图片裁剪
ckeditor富文本编辑器
editor.md编辑器
summernote富文本编辑器
tinymce富文本编辑器
ueditor富文本编辑器
wangeditor富文本编辑器
jquery-validate表单验证
bootstrap-selectN联动
bootstrap-lyear-select下拉
select2下拉选择框
lyear-dropdowntree下拉树状
ZTree树形菜单
treeview树状插件
jstree树状结构
imgVer拼图滑块
sliderVerification滑块验证
layer弹窗插件
jquery.auto.complete自动填充
fixedheadertable固定表头
fontIconPicker图标选择
jQuery Raty评分插件
jquery.toolbar弹出式工具栏
bootstrap-touchspin输入微调器
插件项目包含示例
表单布局示例
聊天页面示例
logo处使用文字
模态框中使用Tab
模态框最大化
搜索布局
搜索布局2
选择示例
选择示例2
选择示例3
选择示例4
代码演示切换
留言列表布局
布局(数据统计篇)
布局(产品价格篇)
布局(搜索框篇)
布局(用户篇)
布局(动画篇)
布局(其他篇)
另一种侧边栏菜单
顶部和左侧联动
JS初始化菜单
H5上传
editor.md编辑器 - 光年模板(V5)说明文档 - 笔下光年
网站首页
editor.md编辑器
editor.md是一款markdown编辑器,这里整合的是v1.5.0版本。 github地址:https://github.com/pandao/editor.md 文档地址:http://editor.md.ipandao.com/ ![](/uploads/images/20211231/bb5a986258e3c3db6a4f14b51e4f87a8.png) ```html <div id="test-editor"> <textarea style="display:none;">Hello</textarea> </div> ``` ```javascript $(function() { var editor = editormd("test-editor", { // width : "100%", height : "600", path : "js/editor.md/lib/", codeFold : true, htmlDecode : 'iframe|on*', // 开启标签 imageUpload : true, imageUploadURL : "upload.php?type=editormd", /* 上传的后台只需要返回一个 JSON 数据,结构如下: { success : 0 | 1, // 0 表示上传失败,1 表示上传成功 message : "提示的信息,上传成功或上传失败及错误信息等。", url : "图片地址" // 上传成功时才返回 } */ }); }); ``` > 需要注意的是,因为v3模板找那个有一个样式对editor.md的样式有冲突,所以v3在使用的时候,还需要增加两个样式(可放到css文件的最后)。 将下面的样式放到 `style.min.css` 文件的最后面,然后你需要在引入 `editormd.min.css` 之后再引入 `style.min.css`。 ```css /*模板样式里面有一个css会影响editor.md的图标,这里重设下*/ .editormd .divider { width: auto; } .editormd .divider:before, .editormd .divider:after { margin: 0px; } ``` ```css <link rel="stylesheet" href="js/editor.md/css/editormd.min.css" /> <link href="css/style.min.css" rel="stylesheet"> ``` 插件项目中页面名字:`lyear_js_editormd.html` `/data/upload.php` (上传演示用) 演示地址:http://lyear.itshubao.com/v5/example/ 涉及的文件: - `js/editor.md/css/editormd.min.css` - `js/editor.md/editormd.min.js`
上一篇:
ckeditor富文本编辑器
下一篇:
summernote富文本编辑器