このチュートリアルから学ぶマークダウン エディターを構築しようとしています。ほとんどの場合、一部の CSS のみを微調整しました。
このブログ投稿を使用して、ボタン パネルをドラッグ可能にしようとしました。しかし、そのコードを追加すると、エディターが機能しなくなりました。
頭の中 (すべての js ファイルの後):
$(function() {
$('#pad').wysiwym(Wysiwym.Markdown,{ helpEnabled: true, helpToggle: true });
$('#draggables div').each(function(drag){new Drag.Move(drag);});
});
そして本体セクションで:
<div id='draggables'>
<textarea id = 'pad' wrap="off" >
</textarea>
</div>
テキストエリアがエディタに変換されWysiwym.Markdown
ます。変換後のボタンは のdiv
上に追加されますtextarea
。ブログによると、それdiv
は移動可能なはずです。代わりに、プラグインが機能しなくなりました。つまり、textarea
エディタに変換されません。
基本的なアイデアは、ユーザーが自分の都合に合わせて使用できるように、ボタン バーを可動にすることです。aloha-editorのホーム画面のようなもの。パネルは可動式ですが、textarea
固定式です。なぜ機能しなかったのですか?