推荐开源项目:WYSIWYG HTML5编辑器 wysihtml5
warning:
这篇文章距离上次修改已过302天,其中的内容可能已经有所变动。
wysihtml5 是一个简单且轻量级的 WYSIWYG(所见即所得)HTML5 编辑器。它基于 HTML5 contenteditable
属性,并提供了一些基本的文档编辑功能。
以下是一个使用 wysihtml5 的基本示例:
- 首先,在您的 HTML 文件中包含
wysihtml5
库及其样式表:
<link rel="stylesheet" href="path/to/wysihtml5.css">
<script src="path/to/wysihtml5-0.3.0.js"></script>
<script src="path/to/adapter-cerb.js"></script>
- 接下来,在您的 HTML 文件中添加一个元素以容纳编辑器:
<div id="editor"></div>
- 最后,使用 JavaScript 初始化 wysihtml5 编辑器:
<script>
var editor = new wysihtml5.Editor("editor", {
// 您可以在这里添加配置选项
});
</script>
这样,您就在您的网页上创建了一个基本的 WYSIWYG HTML5 编辑器。您可以根据需要添加更多的配置选项,例如按钮组、自定义样式等。
评论已关闭