contenteditable

3熱度

1回答

我正在嘗試使文本編輯器基於它所說的格式來設置文本。例如，當您鍵入「select」時，它將單詞「select」的顏色更改爲紅色。我正在使用contenteditablediv。我可以讓它改變顏色，但每次我改變文本時，插入符號（光標）移動到div的開頭。這是我的例子： var replace = function(text, q, r){ text=text.split(q);

7熱度

1回答

無法使用鍵盤在Chrome瀏覽器中選擇內容中的文本

在Chrome瀏覽器中，當文本包含包含下一行的長字符串時，我無法使用Chrome中的鍵盤選擇內容匹配的文本上下文。這個repro在Chrome中（最新的;我在寫這篇文章的時候是Chrome 47）。再現步驟單擊以放置光標在contentedtable div的端（在下面的代碼段）。按住Shift鍵並向上一箭。預計：所有文本被選中。觀察到：從未選擇空格（「foo」）之前的文本。這是代碼

3熱度

2回答

用純jQuery替換contenteditable中的文本

我在StackOverflow上看到了一些關於這個問題，但似乎很難找到基於jQuery的解決方案。因此，我想問這個問題。我想用屬性contenteditable="true"替換div中的文本。我正在尋找一個基於jQuery的解決方案，將做到以下幾點：自動替換書面文字上的即時（輸入時）如果能夠繼續寫下去（同時替換正在做）我看着SC編輯器（http://www.sceditor.com/）

0熱度

1回答

內容可編輯<content>插入點

我正在尋找創建一個自定義元素，它的影子DOM包裝contenteditable內容，沒有它本身被分配contenteditable。我第一次嘗試已經： <template> <div contenteditable="true"> <content></content> </div> </template> 和這個幾乎沒有希望嘗試： <template>

3熱度

2回答

設置最大長度

我有這個代碼 <div id="IIYBAGWNBC" contenteditable="true"></div> 這jQuery中 $("#IIYBAGWNBC").text(function(index, currentText) { return currentText.substr(0, 100); }); 如何防止用戶在contenteditablediv 進入超過1

1熱度

1回答

如何將光標移動到ContentEditable Span的開始/結尾

我已經看到了類似這樣的其他問題，但它有點不清楚正確的做法是什麼。我的假設是將光標移動到ContentEditable的前面，您只需將焦點放在元素上。將光標移到後面需要某種polyfil解決方案。小提琴：http://jsfiddle.net/ys04jkth/ 在我的小提琴預期功能是將整個文本框光標包含「令牌」（格）在它的中間。當焦點集中在令牌上時，用戶可以將其刪除，或者使用箭頭鍵繼續向左或向右

1熱度

2回答

圖像可以被遮擋嗎？（如文本）

我試圖改編ckeditor，其中的內容不是文本，而只是圖像，其中每個圖像顯示字母中的一個字符。（通過從屏幕外的畫布對象創建圖像）唯一的問題是用戶無法通過拖拽來選擇區塊選擇（就像使用文本一樣）。這在contentEditble世界中甚至可能嗎？我希望，可拖動屬性設置爲false，每個標籤將做到這一點 - 但沒有骰子:-( 任何想法，將不勝感激感謝

1熱度

1回答

contenteditable div上的字體大小更改

我有這個JSFiddle它顯示我的問題。當你關注contenteditable div，並按下'list'按鈕時，字體會增加。這是因爲我在div中設置了font-size: 2em;。如果我將它設置爲像素，但是我想將其設置爲「em」值進行縮放。有沒有辦法在ems中保持字體大小？謝謝。

2熱度

1回答

建築編輯與DOM範圍和內容編輯

我想建立一個文本編輯器使用DOM範圍。假設我想要大膽選擇文本。我使用下面的代碼。但是，我無法弄清楚如果它已經加粗，我會如何刪除粗體。我試圖在不使用execCommand函數的情況下完成此操作。 this.selection = window.getSelection(); this.range = this.selection.getRangeAt(0); let textNode = do

0熱度

1回答

更新內容使用jQuery的可編輯文本值，然後與聯繫表格集成7

我想知道如何通過選擇div來更新聊天主題。我正在使用Jquery。在完成此工作之後，我將整合這個聯繫wordpress中的form 7插件。我也想知道是否有可能。謝謝！ <div class="custom-contact-form"> <div class="first-part"><strong class="hey">Hey there,</strong><br>