layui 打开新页面,并传入参数

layui 打开新页面,并传入参数

使用的 wangEditor 富文本编辑器不带预览的功能,
所以自己实现了下功能;
思路是:
点击打开一个弹窗 or 新页面,
然后页面展示提交后前端页面看到的大概的样子。
涉及到需要把内容传递到打开的 iframe 页面内,
刚好可以利用 layui 携带传参的一个特点。

效果预览:

layui 打开新页面,并传入参数_第1张图片
layui 打开新页面,并传入参数_第2张图片

具体代码实现为:

  • 创建一个 preview.html 预览页面,css 样式来自 wangEditor 官方文档给出的



    
    预览内容
    



  • 点击事件代码:

你可能感兴趣的:(HTML)