4

私が見つけたもののほとんどが私が望むように機能しないので、私はwysiwygエディターを開発しています。

「ボールド、イタリック、フォアカラー、バックカラーなど」のほとんどを実行しましたが、現在発生している問題は、ビューコードの作成ボタンです。

私がしたいのは、ユーザーがボタンを押すとコードが表示され、もう一度押すとhtmlに戻ることです。

私が試してみました

$('#wysiwyg').text($('#wysiwyg').html());

それは私が望んでいたことを正確に実行しましたが、改行を保持しなかったため、すべての<p>タグが1つの行にまたがって実行されました。<p>誰かが改行を維持するより良い解決策を持っていますか？それで、あなたがhtmlを見たならば、そこに同様の改行があるならば。

4

1 に答える 1

1

表示コードモードwhite-space:preに切り替えるときにを追加できます。それはうまくいくはずです：http： //jsfiddle.net/rNPJA/

2つを切り替える方法を示すソリューションコード

if ($(this).data('wysiwyg-action') == "changeview") 
  if ($('#wysiwyg').css('white-space') != "pre")
    $('#wysiwyg').text($('#wysihtml-content').html()).css({ 'white-space':'pre' })
  else
    $('#wysiwyg').html($('#wysihtml-content').text()).css({ 'white-space':'normal' })
于 2013-02-05T14:49:10.233 に答える