Articles of contenteditable

Pegar etiqueta de cierre sin generar una etiqueta p de apertura en contenteditable

Tengo un div contenteditable Quiero que se formen nuevos párrafos cuando presiono ENTER, y para eso interceptar ENTER keydown y reemplazar la acción predeterminada por la inserción de un código html: $(“.content”).on(“keydown”,function(e){if(e.which == 13) { e.preventDefault(); pasteHtmlAtCaret(“”);}}); Mi esperanza era que cuando presiono ENTER, el cierre el párrafo existente y abra un nuevo párrafo. Entonces, […]

El editor WYSIWYG coloca el contenido HTML en la posición actual

Estoy usando un editor de texto enriquecido WYSIWYG de mindmup Agregué un cuadro desplegable en la barra de herramientas. Utilizo este menú desplegable para obtener el contenido del servidor y adjuntar / añadir al contenido existente en el Editor donde el cursor está apuntando. Pero no está agregando los datos al editor. Me referí Insertar […]

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 […]