wysihtml5 bootstrap3-wysiwyg字体大小和<p>到<br/> </p>

Question

我根据bootstrap3-wysiwyg

使用wysihtml5

我寻求解决方案

1. 在“输入”键上插入“br”而不是“p”

2. 使用输入值更改字体大小的按钮

Answer 1

1. 使用＆＃39; br＆＃39;

$("#TextContent").wysihtml5({useLineBreaks: true, ...})

1. 字体大小

  var myCustomTemplates = {

    custom1: function (context) {
        var s = ""
        s += '<li class="dropdown">';
        s += '<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1" aria-expanded="false">';
        s += '<span class="current-color">Size</span>';
        s += '<b class="caret"></b>';
        s += '</a>';
        s += '<ul class="dropdown-menu" style="margin-top: 0px;">';
        s += '<li><a class="fontSize" data-wysihtml5-command="fontSize" data-wysihtml5-command-value="fs5">5px</a></li>';
        s += '</ul>';
        s += '</li>';

        return s;
    }
};

 $("#TextContent").wysihtml5(
        {
            customTemplates: myCustomTemplates,
            "stylesheets": ["~/Content/wysiwyg/editor.css"]
        });

editor.css

.wysiwyg-font-size-fs5 {
    font-size: 5px;
}