Simditor-2.3.6使用方法记录

最新推荐文章于 2018-11-15 10:10:43 发布
最新推荐文章于 2018-11-15 10:10:43 发布
阅读量3.2k 收藏 1
点赞数 1
分类专栏： 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunranword/article/details/56484831
版权
本文记录了如何在项目中集成并使用 Simditor 2.3.6，包括从 GitHub 下载库，引入 CSS 和 JS 文件到 HTML，设置文本编辑器，以及处理文件上传时的注意事项，特别提到了文件 Key 的定义方式对后台获取文件的重要性。
摘要由CSDN通过智能技术生成

参考：http://simditor.tower.im/docs/doc-usage.html

前几天公司要求将ueditor换成simditor，有个坑，记录一下。

1.首先在https://github.com/mycolorway/simditor/releases 下载了simditor 放到项目的/static/libs/simditor-2.3.6

          

2.在页面的

<head></head>中添加js和css。注：${ctx}为项目的基本路径

   <link rel="stylesheet" type="text/css" href="${ctx}/static/libs/simditor-2.3.6/styles/simditor.css" />
   <script type="text/javascript" src="${ctx}/static/libs/simditor-2.3.6/scripts/jquery.min.js"></script>    
   <script type="text/javascript" src="${ctx}/
最低0.47元/天 解锁文章
Alice2012
关注
专栏目录
simditor富文本编辑器最新最简单的使用方法
极致孤独的博客
01-14 2826
Simditor这个编辑器就不过多的介绍了，反正我个人感觉挺不错，界面好看并且使用起来也特别简单。 一、Simditor下载 官网链接https://simditor.tower.im/，可以直接下载zip压缩包或者通过git来下载。 二、引入文件 你下载的东西可能会非常多，但我们需要用到的有 <link rel="stylesheet" type="text/css" href="[st...
simditor 图片上传成功后修改图片地址
jiangtianhao13269230的专栏
02-19 9079
环境：simditor 版本2.3.6  开发中解决的问题： 1.  修改官方提供的demo中直接将默认图片插入到文本中的功能，下面的初始化就可以了 2. 将图片地址替换成 服务器的地址，MD说说遇到的坑，一开始的思路是图片上传完后通过回调的方式修改图片的src地址，完全错误 simditor.js  与 upload.js  是有关联的，当图片上传成功后会把结果传给 si
Simditor的快速使用
Wing_93的博客
12-17 8942
像编辑器之类的插件，一般使用都无非三部，引入资源，开辟容器，JS调用。 环境：Windows环境，Java开发，页面与接口在同一个项目中，未进行前后端隔离，服务器Tomcat 官网地址：Simditor文档第一步去官网下载地址，导入到相应目录下，若是node开发，则只需要$ npm install simditor $ bower install simditor此处笔者用的是java项目开发，
又一HTML编辑器Simditor
shenzhenNBA的专栏
05-08 2988
web越来越流行，对应HTML编辑器也出现butong又一HTML编辑器Simditor
简单好用的文本编辑器《Simditor》插件快速入门实例
Creabine的博客
07-07 8677
项目需要文本编辑器，我在网上找到了Simditor这个插件，感觉简单好用，在这里记录一下，也推荐给更多的人。Simditor能做什么简单来说，Simditor能够将web页面中的textarea文本域变成一个简单的富文本编辑器。能够实现常用的加粗加斜下划线，标题表格字体颜色等功能，并且输出所见即所得的html代码。Simditor如何使用可以在Simditor的官网查看demo，文档和github下
arm-linux-gcc-3.4.5-glibc-2.3.6.tar.bz2 交叉编译器.zip
07-13
《ARM-Linux-GCC-3.4.5-Glibc-2.3.6：构建嵌入式系统的交叉编译利器》 在嵌入式系统开发领域，交叉编译是不可或缺的技术之一。当我们需要为资源有限的ARM架构设备（如嵌入式Linux系统）构建应用程序时，通常会在更...
rethinkdb-2.3.6
09-21
1. **解压文件**：找到下载的压缩包"rethinkdb-2.3.6"，使用解压工具将其内容解压到一个方便的位置，如`C:\Program Files`或`/usr/local`。 2. **初始化数据库**：进入解压后的目录，查找并运行RethinkDB的启动脚本...
percona-xtrabackup-2.3.6-Linux-x86_64.tar
11-09
1. **解压文件**：使用tar命令解压缩"percona-xtrabackup-2.3.6-Linux-x86_64.tar"，例如`tar -xvf percona-xtrabackup-2.3.6-Linux-x86_64.tar`。 2. **配置环境变量**：将解压后的二进制文件路径添加到PATH环境...
glibc-2.3.6-version-info.h_err.patch
03-01
1. 下载补丁文件："glibc-2.3.6-version-info.h_err.patch"。 2. 将补丁应用到glibc 2.3.6源代码目录下，通常使用`patch`命令，格式如下： ``` patch -p1 < glibc-2.3.6-version-info.h_err.patch ``` 3. 检查...
扩展simditor上传图片功能
08-11
扩展simditor上传图片功能
Simditor使用方法
热门推荐
itmyhome的专栏
10-27 1万+
一不小心接触到Simditor,瞬间被它优美极简的界面所吸引。Simditor是Tower开源的所见即所得的在线富文本编辑器。Simditor的理念是保持简单,避免过度的功能,每一个特性都追求极致的用户体验。使用方法1、在你的html页面中引用如下文件
Simditor的使用
tammy_bi的专栏
05-05 8500
序其实，simditor真的是很好用的，只需要简单的配置就可以用的，只是初步接触到它的时候，不知道原理，然后内心又存在着对未知事物的“恐惧”，所以在使用的过程中还是纠结了一段时间的。编辑文章simditor的官方网址为http://simditor.tower.im/ 上面有它的一些使用帮助。但是，我在使用的过程中，发现很多问题写的不是很清晰，需要自己去摸索和实验。下载simditor 并使用首先
Simditor引入注意事项以及修改接入自己的上传接口
Model_Vincent的博客
11-15 3039
Simditor 首先阅读官方文档，对simditor的初始化、监听、设值、取值都有一定了解后，开始着手实际操作。 官方文档链接https://simditor.tower.im/docs/doc-config.html 引入相关JS依赖 &lt;!--最重要的jQuery--&gt; &lt;script src="/public/js_module/jquery.js"&gt;&lt;/scr...
滚动条到底部，自动加载数据
飞一样的编程
08-10 6215
$(window).scroll(function(event){ var sm=$(this).scrollTop()+$(window).height(); //$(this).scrollTop():滚动条的滚动高度，不可见的部分 //$(window).height():窗口，可见部分的高度 var dsm=$(document).height(); //$(docum
Simditor图片上传
itmyhome的专栏
10-29 1万+
上篇文章(Simditor使用方法)只是简单的默认配置,我们可自定义工具栏按钮使其更丰富和实现上传图片功能 <script type="text/javascript"> $(function(){ toolbar = [ 'title', 'bold', 'italic', 'underline', 'strikethrough', 'color', '|', 'ol', 'ul', 'blockquote', 'code', 'table', '|', 'link', 'image'
angularjs - 富文本编辑器simditor - 上传、显示带格式文本
sinat_33638616的博客
03-23 933
angularjs版本 1.6.9simditor下载地址https://github.com/mycolorway/simditor/releases  点击打开链接加入&lt;link rel="stylesheet" href="../css/simditor.css" /&gt;&lt;link rel="stylesheet" href="../css/font-awesome.css"...
如何用maven下载以下jar包 activation-1.1.1.jar istack-commons-runtime-3.0.5.jar jaxb-api-2.3.1.jar jaxb-runtime-2.3.6.jar
最新发布
04-27
<version>2.3.6 ``` 2. 执行以下命令下载所有依赖项： ``` mvn dependency:resolve ``` 这将下载所有必需的 jar 包，并将它们保存在本地 Maven 存储库中。如果您想要将它们复制到项目中的某个目录中，可以...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值