使用layer弹出Ueditor实现父子传值
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实现父子传值的更多相关文章
- 使用layer 弹出对话框 子父页面相互参数传递 父页面获取子页面参数实例
一.先看效果: 1.点击三个点的图标弹出了子页面: 2.子页面调用父页面方法,图一调用父页面方法,图二得到父页面var变量. 3.选择之后,关闭弹框,父页面得到子页面单选框选择的v ...
- HTML页面使用layer弹出框输入数据
javascript中layer是一款近年来备受青睐的web弹层组件,layer.open对弹出框进行输入信息,并处理返回结果.详细介绍http://layer.layui.com/ 部署:将laye ...
- layer弹出信息框API
首先向大家推荐layer,在这里也非常感谢贤心的贡献,非常不错的信息框及弹出层解决方案,为一些项目的前端开发提高了很大的效率,希望layer 越办越好! 下面是API,呵呵,官方抄袭过来的,为了自己看 ...
- layer弹出层不居中解决方案
layer弹出层不居中解决方案 代码头中加入以下代码即可 <!doctype html>
- layer弹出层不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案
layer弹出层不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案 >>>>>>>>>>>>> ...
- layer弹出层
最近因为项目要求做了一个layer弹出层demo,先看效果图 好了,现在开始上代码 index.jsp <%@ page language="java" import=&qu ...
- layer弹出层详解
前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并 ...
- Layer弹出层销毁问题
Layer弹出层销毁问题 最近开发时有个问题记录一下 点击按钮显示相应的图表信息,当时自己点感觉没问题,谁知到测试手里多次点击就会有后续打开的窗口无法渲染问题,看了半天才发现是调用layer.clos ...
- layer弹出层不居中解决方案(转)
@感谢参考文章 原文内容: 一.问题描述 用layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看不到提示了. 还有一种 ...
随机推荐
- h5中placeholder样式
<!DOCTYPE html> <html> <head> <title>placeholder样式demo</title> <sty ...
- seo 优化排名 使用总结
SEO 的优化技巧 随着百度对竞价排名位置的大幅减少,SEO优化将自己的网站在首页上有更好的展示有了更多的可能. 本文将系统阐述SEO优化原理.优化技巧和优化流程. 搜索引擎的优化原理是蜘蛛过来抓取网 ...
- filter、map、sorted和reduce函数
内置函数——filter.map和reduce filter filter()函数接收一个函数 f 和一个list,这个函数 f 的作用是对每个元素进行判断,返回 True或 False,filter ...
- win10 python27pyhton36共存
先前安装了python36 然后安装python27,安装步骤如下 1. 到官网下载https://www.python.org/downloads/windows/,我的是win10 64位,选择了 ...
- Alpha 冲刺 (2/10)
目录 摘要 团队部分 个人部分 摘要 队名:小白吃 组长博客:hjj 作业博客:拿快递也不能耽搁了软工 团队部分 后敬甲(组长) 过去两天完成了哪些任务 文字描述 github代码管理规范 商家端订单 ...
- T-SQL LIKE子句 模糊查询
MS SQL Server LIKE子句用于使用通配符运算符将值与类似值进行比较. 有两个通配符与LIKE运算符结合使用: 百分号(%) 下划线(_) 百分号表示零个,一个或多个字符. 下划线表示单个 ...
- 用Go的风格实现素数筛选
package main import ( "fmt" "time" ) func source(ch chan<- int) { ; i < En ...
- ubuntu中文版man
man默认是英文的,但ubuntu的源里也有中文版的.以下是配置方法: 1) 终端输入sudo apt-get install manpages-zh 2) 安装后修改配置文件sudo gedit ...
- LINUX-redis & mongodb
ubuntu安装redis: apt-get -y install redis-serverubuntu启动redis: /etc/init.d/redis-server restart linux安 ...
- python numpy中数组.min()
import numpy as np a = np.array([[1,5,3],[4,2,6]]) print(a.min()) #无参,所有中的最小值 print(a.min(0)) # axis ...