Articles of contenteditable

Como encontrar a posição do cursor em um DIV contenteditable?

Eu estou escrevendo um autocompleter para um DIV editável de conteúdo (precisa renderizar conteúdo html na checkbox de texto. Então, preferimos usar DIV editável pelo conteúdo sobre TEXTAREA). Agora eu preciso encontrar a posição do cursor quando houver um evento keyup / keydown / click no DIV. Para que eu possa inserir o texto / […]

Definir a posição do cursor imediatamente após o elemento inserido em um conteúdo

Estou inserindo um elemento em um contentEditable div, mas o navegador define a posição do cursor antes do elemento inserido. É possível definir o cursor logo após o elemento inserido para que o usuário continue digitando sem reajustar a posição do cursor?

React.js: evento onChange para conteúdoEditable

Como ouço para alterar o evento para o controle baseado em contentEditable ? var Number = React.createClass({ render: function() { return {this.state.value} = {this.state.value} ; }, onChange: function(v) { // Doesn’t fire 🙁 console.log(‘changed’, v); }, getInitialState: function() { return {value: ‘123’} } }); React.renderComponent(, document.body); http://jsfiddle.net/NV/kb3gN/1621/

Definir o cursor para uma posição específica no CKEditor

Existe uma maneira de definir a posição do cursor para um índice conhecido dentro do CKEditor? Eu quero fazer isso porque quando eu mudo o html dentro do editor, ele redefine o cursor para o início do elemento inserido, o que é um problema, já que estou mudando o conteúdo enquanto o usuário digita. Se […]

Evite adicionar conteúdo em ENTER – Chrome

Eu tenho um elemento contenteditable , e sempre que eu digito algumas coisas e teco ENTER , cria um novo e coloca o texto da nova linha lá. Eu não gosto disso nem um pouco. É possível evitar que isso aconteça ou, pelo menos, apenas substituí-lo por um produto? Aqui está uma demonstração http://jsfiddle.net/jDvau/ Nota: […]

Inserir texto no cursor em um div editável de conteúdo

Eu tenho um div de conteúdo onde preciso inserir texto na posição do cursor, Isso pode ser feito facilmente no IE por document.selection.createRange().text = “banana” Existe uma maneira semelhante de implementar isso no Firefox / Chrome? (Eu sei que existe uma solução aqui , mas não pode ser usada em div de conteúdo e parece […]

Javascript Contenteditable – define Cursor / Caret para indexar

Como eu iria modificar isso ( Como definir a posição do cursor (cursor) no elemento contenteditable (div)? ) Para que ele aceite um índice numérico e um elemento e defina a posição do cursor para esse índice? Por exemplo: se eu tivesse o parágrafo: This is a paragraph. E eu liguei: setCaret($(this).get(0), 3) O cursor […]

Limitando o Número de Caracteres em um ConteúdoEditável div

Estou usando elementos div contentes no conteúdo do meu aplicativo da web e estou tentando criar uma solução para limitar a quantidade de caracteres permitidos na área e, quando o limite é atingido, tentar inserir caracteres simplesmente não faz nada. Isto é o que eu tenho até agora: var content_id = ‘editable_div’; //binding keyup/down events […]

Programaticamente selecione o texto em um elemento HTML contenteditable?

Em JavaScript, é possível selecionar programaticamente o texto em um elemento input ou textarea . Você pode focar uma input com ipt.focus() e, em seguida, selecionar seu conteúdo com ipt.select() . Você pode até selecionar um intervalo específico com ipt.setSelectionRange(from,to) . Minha pergunta é: existe alguma maneira de fazer isso em um elemento contenteditable também? […]

Como replace o texto selecionado com html em um elemento contenteditable?

Com um elemento contenteditable, como posso replace o conteúdo selecionado pelo meu próprio html?