Html 5 とクエリを使用して WYSIWYG エディターをプログラムしたいと考えています。今、ページの左側に、ボタン、TextBox などのいくつかのクエリ要素があります。この要素は、左側からドラッグして、中央の div ボックスにドロップできます。
中央の div ボックスの値を新しい Html サイトに変換することは可能ですか? (中央の div ボックスに表示されるものは、スタンドアロンの Html サイトにある必要があります)
任意の要素の値を取得して変数として設定し、後でそれを使用できます。
var text = $('Your element').val();
はい!!単独で HTMLを取得できます。div.innerHTML
これは、別のサイトで維持したい別の HTML ページの body タグ内にラップできます。
このコンテンツをtest.html
ファイルとして保存できます
<html>
<body>
<div id="divEdit" contentEditable="true"></div>
<button onclick="alert(document.getElementById('divEdit').innerHTML)">See HTML</button>
</body>
</html>
ブラウザで開きます。div に何かを入力し (書式設定もサポートしているため、一部のコンテンツを太字にしたり斜体にしたりできます)、ボタンを押します。div コントロールが出力する HTML が表示されます。
これがあなたが探しているものであることを願っています:
<div class="clickable" url="http://google.com">
Anything
</div>
$("div.clickable").click(
function()
{
window.location = $(this).attr("url");
return false;
});