Layear的代码:

    function tankuang() {
        layer.open({
            type: 2,
            title: false,
            area: ['800px', '400px'],
            closeBtn: 0,
            shadeClose: true,
            skin: 'yourclass',
            content: '@Url.Action("PartialView", "UEditor")',
        });
    }

Ueditor代码:

    var editor = new baidu.editor.ui.Editor({
UEDITOR_HOME_URL: '/Scripts/ueditor/',//配置编辑器路径
iframeCssUrl: '/Scripts/ueditor/themes/iframe.css',//样式路径
initialContent: '',//初始化编辑器内容
autoHeightEnabled: true,//高度自动增长
minFrameHeight: 500,//最小高度
autoFloatEnabled: true, initialFrameWidth: 784,
initialFrameHeight: 400 });
editor.render('editor');

获取按钮中的值:

  function getValue(val) {
btnValue = val;
}
 <input type="button" name="zhishi" id="zhishi" value="基础讲解" onclick="tankuang(); getValue(this.value)" />

用div来显示图片,textarea的值存入数据库

                 <div>
<div id="knowledgeTitle" style="display:none;float:left;width:70px;">知识点标题</div>
<input type="text" name="titleValue" value="" id="txtContent" hidden="hidden" />
</div> <div>
<textarea id="divOneyc" name="editorOne" hidden="hidden" rows="10" cols="40"></textarea>
</div> <div id="knowledgeContent" style="display:none;float:left;width:70px;">知识点标题</div>
<div id="divOne" name="editorOne" style="width: 700px; height: 400px; border: black 1px solid; font-size:small; line-height:1; overflow:auto;"
hidden="hidden">
</div>

同步值

    //同步和Index的内容
function getPlainTxt() {
var arr = [];
arr.push(UE.getEditor('editor').getPlainTxt());
localStorage.removeItem("code"); localStorage.setItem("code", arr.join('\n'));
var data = localStorage.getItem("code");
if (data && data.length > 0) {
parent.mes = arr.join('\n');
parent.document.getElementById('divOne').innerHTML = data;
//给textarea获取值
parent.document.getElementById('divOneyc').innerHTML = data; }
parent.layer.closeAll(); parent.document.getElementById("knowledgeContent").style.display = "block"; parent.document.getElementById("divOne").style.display = "block";
//让textarea永远隐藏
parent.document.getElementById("divOneyc").style.display = "none"; //同步标题的内容 var title = document.getElementById("title").value; localStorage.removeItem("valuetxt");
localStorage.setItem("valuetxt", title);
var txtValue = localStorage.getItem("valuetxt");
if (txtValue && txtValue.length > 0) {
parent.document.getElementById("knowledgeTitle").style.display = "block";
parent.document.getElementById("txtContent").value = txtValue;
} parent.document.getElementById("txtContent").style.display = "block";
}
    <div>
知识点标题
<input type="text" class="biaoti" name="biaoti" value="" id="title" />
</div> <div>
基本内容
<textarea id="editor" name="editor"></textarea>
</div

效果:

父页面显示的效果:

使用layer弹出Ueditor实现父子传值的更多相关文章

  1. 使用layer 弹出对话框 子父页面相互参数传递 父页面获取子页面参数实例

    一.先看效果: 1.点击三个点的图标弹出了子页面: 2.子页面调用父页面方法,图一调用父页面方法,图二得到父页面var变量.           3.选择之后,关闭弹框,父页面得到子页面单选框选择的v ...

  2. HTML页面使用layer弹出框输入数据

    javascript中layer是一款近年来备受青睐的web弹层组件,layer.open对弹出框进行输入信息,并处理返回结果.详细介绍http://layer.layui.com/ 部署:将laye ...

  3. layer弹出信息框API

    首先向大家推荐layer,在这里也非常感谢贤心的贡献,非常不错的信息框及弹出层解决方案,为一些项目的前端开发提高了很大的效率,希望layer 越办越好! 下面是API,呵呵,官方抄袭过来的,为了自己看 ...

  4. layer弹出层不居中解决方案

    layer弹出层不居中解决方案 代码头中加入以下代码即可 <!doctype html>

  5. layer弹出层不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案

    layer弹出层不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案 >>>>>>>>>>>>> ...

  6. layer弹出层

    最近因为项目要求做了一个layer弹出层demo,先看效果图 好了,现在开始上代码 index.jsp <%@ page language="java" import=&qu ...

  7. layer弹出层详解

    前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并 ...

  8. Layer弹出层销毁问题

    Layer弹出层销毁问题 最近开发时有个问题记录一下 点击按钮显示相应的图表信息,当时自己点感觉没问题,谁知到测试手里多次点击就会有后续打开的窗口无法渲染问题,看了半天才发现是调用layer.clos ...

  9. layer弹出层不居中解决方案(转)

    @感谢参考文章 原文内容: 一.问题描述 用layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看不到提示了. 还有一种 ...

随机推荐

  1. 记录linux 命令

    1.du:查询文件或文件夹的磁盘使用空间 如果当前目录下文件和文件夹很多,使用不带参数du的命令,可以循环列出所有文件和文件夹所使用的空间.这对查看究竟是那个地方过大是不利的,所以得指定深入目录的层数 ...

  2. dubbo源码分析9——ServiceBean的afterPropertiesSet方法分析

    ServiceBean的afterPropertiesSet方法是实现了InitializingBean,还是准备先做宏观分析,然后再做细致分析.下面先宏观分析:  public void after ...

  3. 利用shell简单监控网络设备的接口状态发出告警

    作者:邓聪聪 #!/bin/sh Date=$(date +%F_%T) iplist=`cat ip.txt |awk '{print $1}'` snmp="hjsz-snmp" ...

  4. Ubuntu14下nginx服务器链接PHP

    报错:nginx下无法打开php,报错[error] 5040#0: *1 connect() failed (111: Connection ref ... server { listen ; #l ...

  5. MATLAB GUI对话框设计

    原文地址:http://blog.csdn.net/shuziluoji1988/article/details/8532982 1.公共对话框: 公共对话框是利用windows资源的对话框,包括文件 ...

  6. CSS3 Hover 动画特效

    根据 奇舞团:http://www.75team.com/archives/807 做的demo 根据视频中跟着做的 demo1: <!DOCTYPE html> <html lan ...

  7. hostapd中扫描的调用过程

    扫描结果获取supplicant_event(EVENT_SCAN_RESULTS)wpa_supplicant_event_scan_results_wpa_supplicant_event_sca ...

  8. mariadb:SQL日常使用总结

    1.关联删除 DELETE T_Base_Resource_Action FROM T_Base_Resource_Action  INNER JOIN T_Base_Resource ON T_Ba ...

  9. HDU 1796 (容斥原理)

    容斥原理练习题,忘记处理gcd 和 lcm,wa了几发0.0. #include<iostream> #include<cstdio> #include<cstring& ...

  10. [PHP]session的一些要点

    一.session_start([array $options=array()]) 1.只能在输出http头前启动此函数,因为如果需要改写sessid的键和值,需要在http报文头发出前就开始定义了: ...