0

ユーザーがシステムに Web ページの URL を入力できるソリューションが必要です。ページが読み込まれると、ユーザーは変更したい特定のセクションをクリックできます。したがって、基本的に必要なのは、アプリ内に Web ページを表示する方法 (フレームを使用することもできますが、水平スクロール バーを使用したくない) と、ユーザーがテキスト ブロックを選択できるようにする別の方法です。またはページ要素。

つまり、テキストのブロックが にある場合、divテキストの上にカーソルを置くと、その div がかすかな緑色で輪郭を描かれ (マウスを離すと、この境界線/アウトラインが削除されます)、テキストをクリックすると、その周りに実線の緑色の境界線が描画され、選択すると、ページの一部のコンテンツに div の ID が表示され、ユーザーが必要な他の情報を指定できるようになります。

したがって、、、、、およびその他の「コンテナ」タグをすべて取得し、ホバリング/<div>sクリックしてプロパティを変更する機能と、ID/名前を取得する機能が必要になる可能性があります。<table>s<span>s<p>sstyle.border

テキストのブロックの場合、境界線はおそらく機能しますが、画像などはどうでしょうか? また、a<div>に ID/名前がない場合、どのように指定できますか?

4

3 に答える 3

3

タグを使用<iframe>してから設定できますcontentEditable = on。このようにして、ブラウザーは WYSIWYG 機能を提供します。ただし、境界線などが機能しない場合があります。いくつかのコード:

var idno = 0;

function addEditor(parent, url) {
    parent.innerHTML += '<iframe src="' + url + '" id="edit' + idno + '"></iframe>';
    var el = document.getElementById("edit" + idno);
    el.contentEditable = true;
    return el;
}

addEditor(document.body, "http://google.com").innerHTML += "Hello!";

動作するはずです。

于 2009-01-24T17:41:04.343 に答える
2

コンテキストに適合する場合は、Adobe Flex または Microsoft Silverlight でこれを行うことを検討してください。どちらも、特に Windows、Mac、Linux で複数のブラウザーを一貫して使用する必要がある場合に、javascript やフレームワークでは実現が難しい機能と制御の粒度を提供します。

Flex は、プログラミング言語に JavaScript の拡張バージョンを使用します。Silverlight はバージョン 1 でも同様でしたが、バージョン 2 では .NET 言語のみをサポートしていました (ニーズによっては、.NET 言語の方が優れていたり、劣っていたり、無関心だったりする場合があります)。

どちらも、RIA (リッチ インターネット アプリケーション) 用のツールであると自称しています。

于 2009-01-24T17:52:45.910 に答える
0

これは非常に一般的な質問です。このようなものを提供するコンテンツ管理システムはたくさんあります。

また、a<div>に ID/名前がない場合、どのように指定できますか?

XPath パスによって DOM 内のノードを識別できます。を上に移動parentNodeしてパスを作成します。

テキストのブロックの場合、境界線はおそらく機能しますが、画像などはどうでしょうか?

html のほとんどすべての要素の border プロパティを設定できます。

于 2009-01-24T17:29:36.550 に答える