Articles of contenteditable

Cómo obtener el elemento seleccionado dentro de un elemento contenteditable

Lo que he intentado Revisé esta pregunta , y este , el problema es que me da el contenido de la selección actual, pero quiero el elemento dom en su lugar. Lo que quiero hacer Estoy buscando una forma de obtener el nombre de un elemento que actualmente se está editando con javascript. Por ejemplo: […]

Cómo enlazar un valor contenteditable de td a ng-model

Hola tengo el siguiente elemento td: ¿Hay alguna forma de que pueda pasar este valor ng-model de la td contenteditable a mi controlador? Gracias de antemano chicos

Cómo envolver largas filas en div contenteditable con flex

Quiero hacer mi div contenteditable a: Envuelva el texto de las líneas largas y al final de las palabras. DEMO: https://jsfiddle.net/aisin/aL9fwggc/ How can I wrap long lines here?

Establecer la posición de caret en la capa div editeditable en Chrome / webkit

Estoy tratando de establecer la posición de caret en una capa div contenteditable, y después de buscar un poco en la web y experimentar, conseguí que funcionara en Firefox usando esto: function set(element,position){ element.focus(); var range= window.getSelection().getRangeAt(0); range.setStart(element.firstChild,position); range.setEnd(element.firstChild,position); } […] set(document.getElementById(“test”),3); Pero en Chrome / webkit selecciona todo el contenido en el div. ¿Es […]

Toggle contentEditable on click

Estoy tratando de hacer que un contenido div sea editable cuando se haga clic en él y luego establezca contentEditable en falso en el mouseout, pero hasta ahora no he tenido éxito Al hacer clic en un enlace aparece para resaltarlo, pero de lo contrario no hace nada: http://jsfiddle.net/GeVpe/19/ Surprisingly, clicking this link does nothing […]

Reemplace la palabra antes del cursor, cuando haya varias líneas en la edición

Quiero reemplazar la palabra antes del cursor en div contenteditable (vea también Detectar la última palabra escrita al escribir TAB en un área de texto o div contenteditable ). El siguiente código: Funciona totalmente para el primer párrafo del div contenteditable no funciona para los siguientes párrafos del div contenteditable : IndexSizeError no capturado: no […]

Contenido de IE7

Tengo el siguiente código: DIV { display:inline; border: solid red 1px; } .editable { background:yellow; } This is test text. This is test text.This is test text.This is test text.This is test text.Thihis is test text.This is test text. short This is test text.This is test text.This is test text.his is test text.Thihis is test […]

Evita que el elemento contenteditable se enfoque al hacer clic en padre

Al hacer clic en cualquier lugar sobre el contenedor div “Outside” en el siguiente ejemplo, el elemento contenteditable span se enfoca. Hello World Outside Aquí hay un jsFiddle: http://jsfiddle.net/AXM4Y/ Quiero que el contenido se pueda comportar más como un ingreso de texto real, por lo tanto, solo hacer clic en el elemento span debería activar […]

Restringir pegar en contenteditable (HTML / JS)

Me gustaría evitar que el usuario pegue el marcado no permitido en un div contenteditable . Me gustaría restringir el pegado a negrita, cursiva, huelga, subrayado y enlaces. ¿Cuál es la mejor manera (estoy usando jQuery )? Esto no es un duplicado de JQuery Text Editor Paste Without Formatting . No quiero pegar sin formatear. […]

html contentEditable document.execCommand cambiar la opacidad seleccionada

cualquiera trabajó con cambio de opacidad en el contenido editable seleccionado. Intenté con lo siguiente: document.execCommand(‘foreColor’, false, ‘rgba(0,0,0,0.5)’); // with rgba document.execCommand(‘foreColor’, false, ‘80000000’); // with alpha hex ninguno funciono pero puedo cambiar el color fácilmente con: document.execCommand(‘foreColor’, false, ‘000000’); ¿Puede alguien ayudarme a cambiar la opacidad con document.execCommand? Actualizar En la búsqueda adicional descubrió: […]