【Axure JS】Axure引用JS案例-嵌入富文本编辑器（案例下载）

预览效果

预览地址

点击预览

操作步骤：

1、画布中拖入内联框架，宽度设为：810px、高度设为：420px，隐藏边框

2、双击内联框架出现链接属性设置框，将JS代码复制到【链接到一个外部的URL或文件】

3、点击预览即可

JS代码：

javascript: 
document.writeln("<div id=\'editor\' style=\'width:800px;height:300px\'>");
document.writeln("<script type=\'text/javascript\' src=\'https://unpkg.com/wangeditor@3.1.1/release/wangEditor.min.js\'></script>");
document.writeln("<script type=\'text/javascript\'>");
document.writeln("var E = window.wangEditor");
document.writeln("var editor = new E(\'#editor\')");
document.writeln("editor.create()");
document.writeln("</script>");

富文本编辑器可以设置字体大小、加粗、斜体、下划线、文字颜色、背景色、序号、对齐、引用、图片、表格、嵌入视频等富文本操作，让Axure的演示效果更逼真

原型下载

访问密码：8397