【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的演示效果更逼真