1 Star 0 Fork 10

chehx/仿微信公众号富文本编辑器

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 1.96 KB
一键复制 编辑 原始数据 按行查看 历史
xbn 提交于 2019-04-04 14:49 . 初始化
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>微信编辑器</title>
<script type="text/javascript" src="jquery-1.10.2.js"></script>
<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="ueditor_custom.js">
</script>
</head>
<body>
<div class="container ueditor-content">
<div id="js_editor" class="edui_editor_wrp"></div>
</div>
<p>
<button type="button" name="button" id="ok">确定</button>
</p>
<script type="text/javascript">
var editorId = "appmsg_editor";
var editor = UE.getEditor("js_editor", {
id: editorId,
wordCount: false,
elementPathEnabled: false
});
editor.addListener("catchremotesuccess", function() {
tips.success("内容已上传完成");
});
editor.addListener("catchremoteerror", function() {
tips.error("远程图片抓取失败");
});
editor.ready(function() {
var toolbars = editor.ui.toolbars;
$('#' + editor.ui.toolbars[0].id).addClass("edui-toolbar-primary");
$('#' + editor.ui.toolbars[1].id).addClass("edui-toobar-secondary");
$("#" + editorId + "_toolbarbox").addClass("show-edui-more");
for (var i = 0; i < toolbars.length; i++) {
var toolbar = toolbars[i];
var items = toolbar.items;
for (var j = 0; j < items.length; j++) {
if (items[j] instanceof UE.ui.Combox || items[j] instanceof UE.ui.SplitButton) {
$("#" + items[j].id + "_state").tooltip({
container: 'body'
});
} else if (items[j] instanceof UE.ui.Button || items[j] instanceof UE.ui.MenuButton) {
$("#" + items[j].id + "_body").tooltip({
container: 'body'
});
}
}
}
});
$("#ok").click(function() {
var data = editor.getContent();
alert(data);
});
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/chehx/editor-WeChat.git
git@gitee.com:chehx/editor-WeChat.git
chehx
editor-WeChat
仿微信公众号富文本编辑器
master

搜索帮助