Simditor用法

最新推荐文章于 2024-09-12 11:52:05 发布

转载最新推荐文章于 2024-09-12 11:52:05 发布 · 241 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liguangsunls/p/6941229.html

文章标签：

#javascript #ViewUI

Simditor是一款由Tower开源的在线富文本编辑器，具备优美极简的界面设计。该编辑器注重用户体验，追求简单易用而不牺牲功能性。本文介绍了如何在HTML页面中引入Simditor，并通过实例演示了其基本配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一不小心接触到Simditor,瞬间被它优美极简的界面所吸引。Simditor是Tower开源的所见即所得的在线富文本编辑器。

Simditor的理念是保持简单,避免过度的功能,每个特性都追求极致的用户体验。

用法

1、在你的html页面中引用例如以下文件

<link media="all" rel="stylesheet" type="text/css" href="simditor/styles/font-awesome.css" />
<link media="all" rel="stylesheet" type="text/css" href="simditor/styles/simditor.css" />

<script type="text/javascript" src="simditor/scripts/jquery.min.js"></script>
<script type="text/javascript" src="simditor/scripts/module.js"></script>
<script type="text/javascript" src="simditor/scripts/uploader.js"></script>
<script type="text/javascript" src="simditor/scripts/simditor.js"></script>

2、在使用Simditor的HTML页面里加入textarea文本框,比如

<textarea id="editor" placeholder="这里输入内容" autofocus></textarea>

3、在script中初始化编辑器：

var editor = new Simditor({
   textarea: $('#editor')
});

效果例如以下：

假设不幸工具栏button出现例如以下样式则仅仅需去掉html头部<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

中的PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"就可以

JSP同理

作者：itmyhome

參考：Simditor官网

转载于:https://www.cnblogs.com/liguangsunls/p/6941229.html