contenteditable

0熱

2答えて

最初と最後の文字を隠すcontentEditable DIVのボックスサイジング

私は最初と最後の文字を隠す必要があるContentEditable divを持っています。レイヤーは文字#の上にオーバーレイし、文字#のようにし、その下の境界線も存在しないようにする必要があります。 EG：<div contentEditable="true"># HI CONTENT! #</div> は実際のHTMLですが、ブラウザにはHI CONTENT!と表示されます。 #文字はどちらの側

0熱

1答えて

contenteditableが偽に設定されたcontententeditable spanで動作しない

私はjsfiddleで複製したcontenteditable divに問題があります。問題は、contenteditable divとhit backspaceの間をクリックしてdiv内のすべてのspanタグが削除された場合です。私はそれを同じように試してみましたが、正常に動作します。しかし、カーソルを最後に置くと、スパンを1つずつ削除しています。これは <div contenteditable

-2熱

1答えて

タグ付きcontenteditableキャレットがMicrosoft Edgeの各タグの後ろにあるのはなぜですか？

私はどこでも編集可能なangular2 +用のcontenteditableコンポーネントを作成しています。どこでも、タグの先頭、タグとタグの最後（実際のタグ・テキスト内ではない）を意味します。ここに、APIからのデータがプリロードされたコードがあります。 <div id="txt" contenteditable="true"> <span id="annyoing-html" con

1熱

1答えて

contenteditable = trueの間にテキストを選択すると、スタイルuser-select = noneのノードのテキストがコピーされます。

問題が発生しました。あなたがフィドルを開くと、満足のいくページが表示されます。一部のノードのスタイルはuser-select = noneで、ctrl-aを押すとすべてのコンテンツが表示されます。スタイルなしの選択はありません。なしただし、選択したテキストをctrl -cを開き、メモ帳を開いて貼り付けると、そこにuser-select = noneのテキストがすべて挿入されます。 JS Fidd

0熱

1答えて

contentititableにキャレットの位置を維持する

私はhtml属性contenteditableを使用していますが、私のコンポーネントのinnerHTMLの値を置き換えると、カーソル（キャレット）はそれを位置0に戻します。カーソル位置を保持する方法はありますか？ ITSはそのようになります。

0熱

1答えて

Contenteditableは、フィールド内のアイコンも削除して編集します

私は自分のテーブルにcontenteditableを使用しています.Javascriptを使用して作成された各tdはcontenteditable="true"に設定されています。「TOTAL」と言うフィールドにICONを追加して、ユーザーがデータを変更できるようにしたいのですが、contenteditableを使ってアイコンを編集/削除することもできます。アイコンを編集したり変更したりしない

0熱

1答えて

「適用」ボタンと「キャンセル」ボタンを含む編集可能なフィールド

contenteditable="true"という属性のh2タグがあります。目指すのは、contenteditable="false"と、h2のテキストをそれに割り当てるキャンセルボタンです。h2は、最後の編集をクリアし、contenteditableを"false"に設定します。私のcodepenはhttps://codepen.io/utkapodsousom/pen/dJOMaB です。こ

3熱

1答えて

HTML5のcontenteditable属性はXSSに対して安全ですか？

私はやや関係のある質問div contenteditable, XSSを読んだことがありますが、答えはcontenteditableのXSSの安全性についてはあまり強調していません。特に、偶発的な（クロスサイトスクリプティングとの比較）私は、もちろん、私はユーザー入力をサーバー側で消さなければならないことに気付いています。 TL.DR.：ユーザーがページを介して外部スクリプト（クリップボードから貼

1熱

1答えて

行にtabIndexまたはcontentEditableが有効になっているときに、矢印キーステッパーを使用してスクロールする際に問題がありますか？

キーボードイベント（onKeyUp/onKeyDown/onKeyPress）を有効にした行を持つ単一列グリッドを使用して、React-Vitualizedを実装しました。 Arrow-Key-Stepperを使用して、矢印のArrowUp/ArrowDownスクロールを有効にします。すべては、PgUp/PgDn、Home/End、Space、Shift-Spaceでもうまく機能します。しかし、

3熱

2答えて

角度4のcontenteditable divにキャレットの位置を設定するにはどうすればよいですか？

<div id="editable" contenteditable="true" class="search-input" [textContent]="query" (input)="query=$event.target.textContent" (keyup)="searchClient($event)" (focus)="open()"></div> これは私のHTMLコードであり、