contenteditable

2熱

1答えて

Content Editable Div、問題の原因となるHTMLを追加しています。 HTMLをプログラムで追加した後に入力されたすべてのテキストが最後のHTMLタグに追加されます

アプリのメッセージテンプレートを生成するために使用できるコンテンツ編集可能divを作成しようとしています。ユーザーは、ボタンを押すことによって、名前のようなフィールドのプレースホルダーをテンプレートに追加できます。プレースホルダは、「x」キーを押しても削除できます。ここに、作業のスニペットがあります。 var removePlaceholder = function(e){ e.pa

2熱

3答えて

p要素を編集可能なコンテンツとJQuery UIを並べ替え可能にする

p要素をコンテンツを編集可能にし、JQuery UIをソート可能にすることはできますか？以下の簡単な例では、p要素はソート可能ですが、テキストを編集することはできません。これを克服するためにとにかくありますか？コンテナがソート可能であるとpが編集可能であるが、私はまだ内部pを編集できないように注私は、コンテナ内のネストp年代を試してみました。 $(document).ready(functio

0熱

1答えて

HTML contenteditable = true混乱/予期せずテーブル行構造を変更します

編集ボタンをクリックし、電子メール列の内容を編集しようとします.HTMLテーブル構造が変わっています。これは私のコードスニペットです： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-widt

0熱

1答えて

contenteditable：キャレット位置の保存と復元

以下の関数は、キャレットを先頭に戻します。関数が呼び出された後も、どうやって同じ場所に置くことができますか？ function highlightText() { var mystring = document.getElementById("writeArea").textContent; mystring = mystring.replace(/function/g

0熱

1答えて

コンテンツ編集可能なdivで選択したテキストにCSSクラスを適用します

ボタンを押したときに選択したテキストにクラスを追加しようとしています。今のところ、何らかの理由で、私のコードはボタンが押されたときにクラスにボタンを適用しますが、選択したテキスト自体に適用したいのです。は、これは私が持っているものです。は私がdivするボタンを必要とし、それはおそらく問題かもしれないが、私は強調表示されたテキストはクラスではなく、ボタンを取得したいです。おかげで... fun

1熱

1答えて

contenteditable div HTML要素を追加し、それをVuejsでモデル化します

これは私のHTMLコードです。ここで <div id="app"> <button @click="renderHtml">clisdfsdfsdfck to appen html</button> <div class="flex"> <div class="message" @input="fakeVmodel" v-html="html" contented

0熱

1答えて

どのようにfocusEditable div focusを手動でフォーカスするjsに反応しますか？

私は反応が新しく、ユーザーがボタンをクリックしてcontentEditableがfocus.Butで表示されるようにcontentieditableからコンテンツを取得していますが、contenteditable this.refsが空のオブジェクトを返し、stackoverflowで同様の質問がありますが、 me.Iはthis.refsがあなたの参照コールバックでREFを得る方法事前に空obje

0熱

2答えて

div内の現在の要素を選択

contenteditableがtrueに設定されているdivがあります。私はユーザーがいる<p>要素にクラスを追加する必要があります。問題は、contenteditableは、書き込まれたときに多くの<p>要素を生成することです。ユーザーが存在する要素<p>にクラスを追加するにはどうすればよいですか？事前におかげ

0熱

1答えて

contentEditableがキャリッジリターンにスパンを追加するのを止める方法

contentplayableの内側のhtmlを変更して、ユーザーが入力する特定のテキストの周囲にspanを囲んでいます。このユーザーは、改行、また、彼らはただで入力したスパンと同じIDとスタイリングでspanとして出くわす新しい行を作成するたび除いて、作業に最適です。私はprevent contenteditable mode from creating <span> tagsを見たが、その中