推荐开源项目：WYSIWYG HTML5编辑器 wysihtml5
warning:
这篇文章距离上次修改已过449天，其中的内容可能已经有所变动。
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 编辑器。您可以根据需要添加更多的配置选项，例如按钮组、自定义样式等。
评论已关闭