本文介绍了如何在layui中利用wangEditor富文本编辑器实现预览功能，当点击预览时，通过layui打开新页面并传递参数。详细步骤包括在点击事件中触发新页面加载，并将编辑器内容传递到iframe中，以显示预览效果。
layui 打开新页面,并传入参数
使用的 wangEditor 富文本编辑器不带预览的功能，
所以自己实现了下功能；
思路是：
点击打开一个弹窗 or 新页面，
然后页面展示提交后前端页面看到的大概的样子。
涉及到需要把内容传递到打开的 iframe 页面内，
刚好可以利用 layui 携带传参的一个特点。
效果预览：
具体代码实现为：
- 创建一个
preview.html预览页面，css 样式来自 wangEditor 官方文档给出的
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>预览内容</title>
<style>
/* table 样式 */
table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
tab
最低0.47元/天 解锁文章
4497
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
