contenteditable

0熱

1答えて

contenteditable="true"をdiv内のスパンに追加すると、ブレークラインが発生するのはなぜですか？ div{ width: 110px; height: 80px; border:1px solid #5aa; } <div> <span>IamANowSpaceLineSample</span> </div>

4熱

1答えて

角度2 - 私はこの選択持っelementRef

上の選択を設定します。 let selection = window.getSelection(); そして、このelementRefを： @ViewChild('contentEditable') public el: ElementRef; そして、例えば、このテキストは、のcontentEditable elementRef内にある：これは一部のテキストです私は 'some'を選

0熱

1答えて

Elm：enter pressでChromeのcontenteditable divにbrタグを追加するにはどうすればよいですか？

contenteditableでEnterキーを押したときにChromeがdivを追加しているようです。私はbrを常に使用したいと思います。 SO（とinterwebs）にはたくさんのjsの例がありますが、私はElmには新しく、これを行う方法に関する多くの情報はありません。私はgithubの上でこのコードに遭遇しています onKeyPress : (Int -> msg) -> Attribut

1熱

1答えて

contenteditable divの上限制限

ねえ、私はcontenteditableの高さに問題があります。このようなコードでは：誰もが制限のcontentEditableの高さで私を助けることができる：私は、コードを入力すると function Preview() { var x = document.getElementById("code").value; document.getElementById("preview

0熱

1答えて

contenteditable（flexed div内）が展開されないようにする

私はcss flexから始めています。テキストが長すぎると横方向に拡大するのを防ぐことができないcontenteditableを使用するのは苦労します。私が試着： - クローム - Firefoxの - オペラ - サファリ彼らはすべてのdivが展開するが、私は何を期待しサファリ、作ります。ここではHTMLです： <div class="container"> <div class

3熱

1答えて

太字の要素の中にキャレット（カーソル）を設定可能な段落内にある

私はウェブベースのテキストエディタを構築しようとしています。また、プロセスの一環として、フォント編集のための要素ベースのキーストロークイベントを動的に作成および変更しようとしています。この特定のjsfiddleの例では、Ctrl + bを押して強い要素を作成しようとしていて、強い要素の中にフォーカス/キャレットを設定して、入力された後続のテキストが太字の要素の一部になり、しかし、私のコードは強力な

1熱

1答えて

VueJS 2 update親要素のメソッドからcontenteditable

私はコンポーネントメソッドによって更新された編集可能な要素を持っていますが、私もjson importを持っています。私はモデルを更新できますが、編集可能な要素はそれを束縛しません。コンポーネントテンプレートにコンテンツを挿入すると、更新されたモデルがバインドされますが、実際には編集できません。 Here's私の例：https://jsfiddle.net/kuwf9auc/1/ Vue.comp

0熱

1答えて

ioned iOSアプリケーションでcontenteditable divを編集できません

コンテンツ編集可能なdivを使用して、emojisを使用してテキスト入力をIonicアプリで作成しようとしています。私はアプリを提供するときにブラウザで正常に動作しますが、iOSシミュレータまたはiPhoneでアプリを実行するとdivは編集できません。 divが表示され、クリックするとキーボードが表示されますがカーソルは表示されません。私が入力すると、divに何も起こりません。 <div cont

5熱

1答えて

内容が一致するカーソルが先頭にジャンプ

空白のワークシートの塗りの編集を有効にするには、モジュールreact-simple-contenteditableを使用しています。入力要素の代わりにコンテンツ編集可能な要素を使用する必要があるのは、問題のテキストを折り返したいからです。たとえば、問題に空白が1つある場合、空白の前の部分、空白、および後の部分の3つのセクションにテキストを分割します。外側の2つを別々のdiv（または入力フィールド）

1熱

1答えて

oninput = "function（）"は、Safariのtextareaでは動作しますが、divでは動作しません。どうして？

OSX 10.12.6でSafari 11.0.1でテストして使用する。 <div>にoninput="function()"を、contenteditable="true"に設定したいと思います。ベアボーンのテストページのケースは<textarea>で動作しますが、<div>では動作しません。ここにテストコードがあります。スクリプトを最初にvar load getElementByIdパラメータ