4

我正在开发一个所见即所得的编辑器，因为我发现的大多数编辑器都不像我希望的那样工作。

我已经完成了大部分工作，“粗体、斜体、前景色、背景色等”，但我现在遇到的问题是制作视图代码按钮。

我想要发生的是当用户点击他们看到代码的按钮时，如果他们再次点击它，它会切换回 html。

我努力了

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

它完全符合我的要求，但它没有保留换行符，因此所有<p>标签将在一行中一起运行。有没有人有更好的解决方案来保持换行符，所以<p>如果你查看了html，如果有类似的换行符。

4

1 回答 1

1

您可以white-space:pre在切换到查看代码模式时添加一个。那应该可以正常工作：http: //jsfiddle.net/rNPJA/

显示如何在两者之间切换的解决方案代码

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 回答