7

本当に印刷したいものを手作業で選ぶために、ページの編集に関する記事を書いています。多くのツール（「好きなものを印刷する」など）がありますが、このスクリプトも見つけました。誰かがそれについて何か知っていますか？どんな種類のドキュメントやリファレンスも見つかりませんでした。

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

ありがとう！

4

3 に答える 3

9

contentEditable プロパティはあなたが望むものです - IE、Safari (および副産物としてクロム) でサポートされており、Firefox 3 (悲しいかな、FFX2 ではありません)でサポートされています。そしてねえ、それはHTML5の一部でもあります:D

Firefox 2 は designMode をサポートしていますが、それは個々のフレームに制限されていますが、contentEditable プロパティは個々の要素に適用されるため、編集可能なコンテンツをページでよりうまく再生させることができます:D

[編集 (olliej): contentEditable 属性が SO の出力フィルターを通過しないため、例を削除しました (プレビューでの作業にもかかわらず) :( ]

[編集 (olliej):どのように動作するかを説明するために、非常に単純なデモを作成しました]

[編集 (olliej): はい、リンクされたデモの contentEditable 属性は IE、Firefox、および Safari で正常に動作します。残念ながら、サイズ変更は Webkit のみがサポートしているように見える css3 機能であり、IE はほとんどすべての CSS と戦うために最善を尽くしています。ため息]

于 2008-10-06T23:39:59.600 に答える
1

document.designModeは、IE 4以降（明らかに開始された）およびFireFox1.3以降でサポートされています。オンにすると、ブラウザでコンテンツを直接編集できます。かなりトリッピーです。私はこれまで使ったことがありませんが、印刷可能な情報を手で選ぶのにかなり完璧なようです。

次のように編集：GoogleChromeでも機能するようです。ChromeとFirefoxでのみテストしました。これらは、JavaScriptコンソールを使用しているブラウザーであるため、個人的に使用したことがないため、InternetExplorerで動作することを保証できません。私の理解では、これは他のブラウザが採用したIEのみのプロパティであり、現在どの標準にも含まれていないため、FirefoxとChromeがサポートしているのに、IEが停止した場合は驚きます。

于 2008-10-06T23:23:53.173 に答える
0

利用可能な場合、ブラウザの組み込み編集機能を有効にします。上で述べたように、designMode は Gecko であり、contentEditable はそれ以外のすべてのユーザーです (Gecko 1.9 に追加されました)。これらの機能は、HTML/Javascript で構築されたすべての WYSIWYG エディターの (ほぼ?) 基礎として使用されています。入力/削除するだけの場合は、提供したスクリプト以外に必要なものはありません。（ただし、「void」以降はすべて不要です。）

これらの機能をアプリケーションで使用する方法に関するドキュメントについては、Mozilla のMidas 仕様を参照するのが最適です( MSDNも役立つかもしれません...)。

于 2008-10-07T00:02:34.390 に答える