获取 html

使用 editor.txt.html() 获取 html 。

需要注意的是：从编辑器中获取的 html 代码是不包含任何样式的纯 html，如果显示的时候需要对其中的 <table> <code> <blockquote> 等标签进行自定义样式（这样既可实现多皮肤功能），下面提供了编辑器中使用的样式供参考。

  1. /* table 样式 */
  2. table {
  3.   border-top: 1px solid #ccc;
  4.   border-left: 1px solid #ccc;
  5. }
  6. table td,
  7. table th {
  8.   border-bottom: 1px solid #ccc;
  9.   border-right: 1px solid #ccc;
  10.   padding: 3px 5px;
  11. }
  12. table th {
  13.   border-bottom: 2px solid #ccc;
  14.   text-align: center;
  15. }
  17. /* blockquote 样式 */
  18. blockquote {
  19.   display: block;
  20.   border-left: 8px solid #d0e5f2;
  21.   padding: 5px 10px;
  22.   margin: 10px 0;
  23.   line-height: 1.4;
  24.   font-size: 100%;
  25.   background-color: #f1f1f1;
  26. }
  28. /* code 样式 */
  29. code {
  30.   display: inline-block;
  31.   *display: inline;
  32.   *zoom: 1;
  33.   background-color: #f1f1f1;
  34.   border-radius: 3px;
  35.   padding: 3px 5px;
  36.   margin: 0 3px;
  37. }
  38. pre code {
  39.   display: block;
  40. }
  42. /* ul ol 样式 */
  43. ul, ol {
  44.   margin: 10px 0 10px 20px;
  45. }