From 9bda583b5ffe152486a98822043f07d96b2850b2 Mon Sep 17 00:00:00 2001 From: atyamash Date: Mon, 21 Feb 2022 00:14:07 +0900 Subject: user_input_methods の contenteditable の日本語訳を追加 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/guide/user_input_methods/index.html | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/files/ja/web/guide/user_input_methods/index.html b/files/ja/web/guide/user_input_methods/index.html index 2315d8b3d2..04d36acba9 100644 --- a/files/ja/web/guide/user_input_methods/index.html +++ b/files/ja/web/guide/user_input_methods/index.html @@ -148,16 +148,16 @@ if (elem.requestFullscreen) {

注: You can find more information in the MDN Drag & Drop documentation.

-

contentEditable

+

コンテンツを編集可能にする

-

In open web apps any DOM element can be made directly editable using the contenteditable attribute.

+

contenteditable 属性を使うことで、開いているウェブアプリのあらゆる DOM 要素を直接編集することができます。

<div contenteditable="true">
-    This text can be edited by the user.
+    このテキストは閲覧者が編集することができます。
 </div>
-

注: Compatibility information, examples and other resources can be found in the Content Editable guide.

+

注: 互換性や例、その他リソースに関する情報は コンテンツを編集可能にするガイドで確認することができます。

例

@@ -167,8 +167,8 @@ if (elem.requestFullscreen) {
This example tracks multiple touch points at a time, allowing the user to draw in a {{htmlelement("canvas")}} with more than one finger at a time. It will only work on a browser that supports touch events.
Simple pointer lock demo
We've written a simple pointer lock demo to show you how to use it to set up a simple control system. The demo uses JavaScript to draw a ball inside a {{htmlelement("canvas")}} element. When you click the canvas, pointer lock is then used to remove the mouse pointer and allow you to move the ball directly using the mouse.
-
contentEditable demo
-
This is a working example showing how contenteditable can be used to create an editable document section, the state of which is then saved using LocalStorage.
+
コンテンツを編集可能にするデモ
+
このデモは、編集可能なドキュメントセクションを作成することに利用できる contenteditable がどのように動くか表示しており、その状態はその後 ローカルストレージを使い保存されます。

チュートリアル

@@ -191,7 +191,7 @@ if (elem.requestFullscreen) {
  • 画面回転 API
  • 全画面 API
  • ドラッグ＆ドロップ
    • -
  • Content Editable
    • +
  • コンテンツを編集可能にする
  • Keyboard events in Firefox OS TV
  • Implementing TV remote control navigation
    • -- cgit v1.2.3-54-g00ecf