Articles of contenteditable

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?

Obter posição de cursor (cursor) na área contentEditable contendo conteúdo HTML

Eu tenho contentEditable elemento (pode ser p, div, …) e gostaria de obter caret (cursor) posição nele. Eu normalmente posso alcançá-lo com este pedaço de código: var position = window.getSelection().getRangeAt(0).startOffset; Isso funciona bem enquanto o elemento contém apenas texto. Mas quando o elemento contém alguma formatação HTML, a posição retornada é relativa à posição do […]

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

Eu tenho um div com set contenteditable e estou capturando keypress usando jquery para chamar preventDefault () quando a tecla enter é pressionada. Semelhante a esta pergunta que insere texto no cursor, eu gostaria de inserir diretamente o html, por uma questão de brevidade, vamos dizer que é uma tag br. Usando a resposta para […]

Como definir a posição do cursor (cursor) no elemento contenteditable (div)?

Eu tenho este HTML simples como um exemplo: text text text text text text text text text focus Eu quero uma coisa simples – quando clico no botão, quero colocar o cursor (cursor) em um lugar específico na div editável. A partir da pesquisa na Web, eu tenho esse JS anexado ao clique do botão, […]

events de mudança contenteditable

Eu quero executar uma function quando um usuário edita o conteúdo de um div com atributo contenteditable . Qual é o equivalente de um evento onchange ? Estou usando o jQuery para que qualquer solução que use jQuery seja a preferida. Obrigado!