在同一页上初始化多个wysihtml5编辑器,可以按照以下步骤进行:
以下是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="wysihtml5.css">
</head>
<body>
<textarea id="editor1"></textarea>
<textarea id="editor2"></textarea>
<script src="wysihtml5.js"></script>
<script>
var editor1 = new wysihtml5.Editor("editor1", {
// 配置参数
});
var editor2 = new wysihtml5.Editor("editor2", {
// 配置参数
});
</script>
</body>
</html>
在上述示例中,我们创建了两个textarea元素,并使用wysihtml5库的Editor类初始化了两个编辑器实例(editor1和editor2)。你可以根据需要配置每个编辑器的参数,例如自定义工具栏、字体样式、插入图片等。
请注意,上述示例中的wysihtml5.css和wysihtml5.js文件需要根据实际情况引入,并且需要确保它们的文件路径正确。
关于wysihtml5编辑器的更多信息和使用方法,你可以参考腾讯云的富文本编辑器产品介绍页面:腾讯云富文本编辑器。
领取专属 10元无门槛券
手把手带您无忧上云