div 成为编辑器取值

2024-11-01

contenteditable="true"让div可编辑

今天才知道有这个属性,真是out了. 不过以前一直没做编辑器有关的,毕竟开源的很多. 现在觉得开源的也不是这么好用,自己写写简单的吧用了 <div class="content-box" contenteditable="true"> 我们就能在这个div内部进行编辑了. 有人要问了,有textarea,还需要这个吗当然,用它的好处就是能插入标签. 比如说图片和视频标签配合Jquery的html方法就能获取里面的内容了 var content=$(

html常用标签的取值和赋值操作

我们在html页面当中,面对各种各样的标签,经常需要处理取值和赋值的问题,下面,就把常见的一些html标签元素的取值和赋值操作进行总结整理,以后备用. 1.button:改变button按钮上面的值,比如把确定按钮取消按钮 <button id="btn">确定</button> $("#btn").click(function () { $("#btn").text("取消");//这个是改变按钮上面

div赋值,取值和input赋值，取值

一.div取值 <div id="txtXiaofei" class="txt-panel">你好</div> 获取div的值$("#txtXiaofei").text(),获取到的值是,你好, $("#txtXiaofei").html(),获取到的是整个div标签,<div id="txtXiaofei" class="txt-panel">你好&

jquery给div,Span, a ，button, radio 赋值取值

jquery给div的innerHTML赋值 $("#id").html()="test"; //或者 $("#id").html("test"); jquery 获取<a>的链接内容 $().innerHTML jquery 给span 赋值 $('#hiddenNote').text(‘getSpanValues’); span取值 $('#hiddenNote').text(); jquery 给标签butt

js对div取值与赋值

js对div取值与赋值因为JavaScript运行时,id="test1" 的那个div元素可能还没解析和加载,js加载是有顺序的.只需把 js 整个搬到后面即可. 还有一个特别容易犯的毛病,页面引入 jQuery ,如果其他 js 要使用,需要放在 jQuery 之后,否则不能使用. 测试案例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <sc

js动态添加-表格逐行添加、删除、遍历取值

关于js对表格进行逐行添加,今天抽空整理了一下:新建一个html文件(没有编辑器的可以新建一个demo.txt文件,然后改后缀名为demo.html),把下面代码全部贴进去即可.功能包括:表格添加一行,表格删除一行,表格遍历取值等. 点击说明:点击添加按钮,则表格添加一行,可进行录入,删除按钮,可删除当前行,其他行不影响.删除或者添加,每行的的编号都会自动变化,套餐和价格是<input/>,内容是 <textarea></textarea>,点击保存按钮的时候,遍历表格

选中没有选中的复选框，匹配含有某个字符串的正则，json取值的两种方法，把变量定义在外面跟里面的区别

一.筛选没有选中的复选框:not("input:checked") 二.匹配有VARCHAR的字符串:".*VARCHAR.*?" 三.json取值的两种方法 var data={ , "enums": [ { "value": "B2B", " }, { "value": "B2B", " }, { "value": &quo

jQuery 取值、赋值的基本方法

转载:http://www.cnblogs.com/huanhuan86/archive/2012/06/13/2548071.html 获取元素的value值: /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valrad

jQuery设计思想之取值和赋值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

html与js的取值，赋值

-------------------------------------------------- -------------------------------------------------- ------- html事件中传值: <button ng-click="showColor('green')">变色</button> js中取值: $scope.showColor=function($routeParams){ alert($routePa

js页面取值的三种方式

<input id=""<radio <checkbox<div<img对于这些标签内参数取值,一般分为三种类型:一.有关id取值用 #:取id处的value值:id=$('#id名字').val();取id本身的值:id_value=$('#id名字').attr('id', );对于id中含有变量index的,比如id=mm${st.index}(中括号里面为变量):先定义可变量index,然后用$('#id名字'+index).val()取值:二.有

[前端 2]常用的JQuery和Dom页面取值与赋值

导读:书到用时方恨少,需要基础知识的时候,才悔恨自己没有总结学习好.前段时间调了好长时间的页面,突然发现自己之前不怎么在意的取值和赋值,真的是自己一个很薄弱的地方,有时候查半天都找不到一个对的,现在用自己的博客总结总结.以后直接查自己的博客,本篇博客纯属笔记性的文章. 一.基本取值和赋值 1.1,比较通用的方法: $("#id").val();和document.getElementById("id").value.$("#id").text()

omDialog设计造成控件无法后台取值

http://ui.operamasks.org/website/homepage.html 使用服务端控件,前台进行赋值,但后台确无法取值. 不仅如此,如果里面放置了一个ASp:Button同样无法响应Click事件. 界面如下: 官网给出了解释: 注意:由于omDialog渲染后dom节点会移位到body节点下,所以如果要给omDialog中的子节点添加自己的样式,在写样式时要注意层级结构. 如果使用asp.net开发,会将节点移动到Form节点之外! 这个设计令人不爽! 另外可能由于JS

2016 系统设计第一期（档案一）jQuery checkbox 取值赋值

<div class="form-group"> <label for="IsActive" class="col-sm-2 control-label"></label> <div class="col-md-8"> <input id="IsActive" name="IsActive" type="checkbox&q

select2 取值赋值

项目中心引入了select2的插件.优势:可以多选.搜索,缺点:存取值不如select方便. select2 取值: <script type="text/javascript"> //取text var strtext = $('#select2').select2('data').text;//取valuevar str2value= $("#select2").select2("val"); //多选//$('#select2'

jQuery 取值、赋值的基本方法【转藏】

/*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[@type=radio][@checked]").val(); /*获取一组名为(items)的radio被选中项的值*/ var item =

jquery data方法取值与js attr取值的区别

<a data-v="3"></a> jquery data方法的运行机制: 第一次查找dom,使用attributes获取到dom节点值,并将其值存到缓存里,第二次操作的时候,还是先找到dom,但是这次取值是直接从缓存读了,少了一步对dom的操作 attr()方法每次都要操作dom,性能上差点儿 $('a').data('v')取到的值是页面初次加载的缓存值,以后如何更改,在页面上都不会改变,但缓存值会变,可以传给i/o请求使用 document.getEle

select的种种取值

今天别人问我一个问题 <body> <select id="tests" onchange="test()"> <option >1</option> <option >2</option> </select> <div id="a" style="display: none">123</div> <div id=

启用div作为编辑器添加contentEditalbe属性

1.自从HTML5中新引入了contentEditalbe属性以后,div就与textarea一样,可以作为最常用的编辑器使用. 1.启用div作为编辑器让div进入编辑状态很简单,只需要: 复制代码代码如下: div.contentEditable=true; 这样就可以进入编辑状态.当然你直接在html中设置contenteditable也是可以的. 总的来说,实现可视化编辑,可以使用contentEditable和designMode两种方法.contentEditable刚开始在IE

Jquery实现数据双向绑定（赋值和取值），类似AngularJS

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Jquery实现数据双向绑定(赋值和取值)</title> <link href="~/Css/css.css" rel="stylesheet" /> <s

Kindeditor JS 取值问题以及上传图片后回调等

KindEditor.ready(function (K) { var editor = K.create('#editor_id', { //上传管理 uploadJson: '/js/kindeditor/asp.net/upload_json.ashx', //文件管理 fileManagerJson: '/js/kindeditor/asp.net/file_manager_json.ashx', allowFileManager: true, //设置编辑器创建后执行的回调函数 aft

div 成为编辑器取值

热门专题