当我达到每行字符的限制时，我想每次插入换行符 [英] tinymce I Want To Insert Line Break Each Time When I Reached To The Limit Of Per Line Characters
问题描述
< textarea id =description_editname =description_edit>< / textarea>
<textarea id="description_edit" name="description_edit"></textarea>
< script type =text / javascriptsrc =/ js / tinymce / tinymce.min.js>< / script>
< script>
var max_chars = 200; //最大字符
var max_for_html = 300; // html标签的最大字符
var allowed_keys = [8,13,16,17,18,20,33,34,35,36,37,38,39,40,46];
var chars_without_html = 0;
函数alarmChars（）{
if（chars_without_html>（max_chars - 25））{
$（'＃chars_left'）。css（'color'，'red'）;
} else {
$（'＃chars_left'）。 css（'color'，'grey'）;
}
}
$（function（）{
tinymce.init（{
选择器：＃description_edit，
主题：现代，
宽度：320，
身高：130，
插件：[
advlist autolink list charmap打印预览hr anchor pagebreak，
searchreplace visualblocks visualchars code insertdatetime media nonbreaking，
save table contextmenu directionality paste textcolor
]，
image_advtab：true，
语言：'en'，
菜单栏：false，
状态栏：false，
setup：function（ed）{
ed.on（KeyDown，function（ed，evt）{
chars_without_html = $ .trim（tinyMCE.activeEditor.getContent（ ）.replace（/（<（[^>] +）>）/ ig，））。length;
chars_with_html = tinyMCE.activeEditor.getContent（）。length;
var key = ed.keyCode;
$（'＃chars_left'）。html（max_chars - chars_without_html）;
if（allowed_keys.indexOf（key）！= -1）{
alarmChars（）;
return;
}
if（chars_with_html>（max_chars + max_for_html））{
ed.stopPropagation（） ;
ed.preventDefault（）;
}否则if（chars_without_html> max_chars-1&& key！= 8&& key！= 46） {
alert（'Characters limit！'）;
ed.stopPropagation（）;
ed.preventDefault（）;
}
alarmChars（）;
}）;
}，
工具栏：粗体斜体下划线| alignleft aligncenter alignright alignjustify | forecolor backcolor | bullist numlist | charmap，
style_formats：[
{title：'Bold text'，inline：'b'}，
{title：'Red text'，inline：'span'，styles：{color：'＃ff0000'}}，
{title：'Red header'，block：'h1'，styles： {color：'＃ff0000'}}，
{标题：'示例1'，内联：'span'，类：'example1'}，
{标题： '示例2'，内联：'span'，cl asses：'example2'}，
{title：'table styles'}，
{title：'Table row 1'，selector：'tr'，classes：' tablerow1'}
]
}）;
chars_without_html = $ .trim（$（＃description_edit ）。text（）。replace（/（<（[^>] +）>）/ ig，））。length;
$（'＃chars_left'）。 html（max_chars - chars_without_html）;
alarmChars（）;
}）;
< / script>
<script type="text/javascript" src="/js/tinymce/tinymce.min.js"></script>
<script>
var max_chars = 200; //max characters
var max_for_html = 300; //max characters for html tags
var allowed_keys = [8, 13, 16, 17, 18, 20, 33, 34, 35,36, 37, 38, 39, 40, 46];
var chars_without_html = 0;
function alarmChars(){
if(chars_without_html > (max_chars - 25)){
$('#chars_left').css('color','red');
}else{
$('#chars_left').css('color','gray');
}
}
$(function() {
tinymce.init({
selector: "#description_edit",
theme: "modern",
width: 320,
height: 130,
plugins: [
"advlist autolink lists charmap print preview hr anchor pagebreak",
"searchreplace visualblocks visualchars code insertdatetime media nonbreaking",
"save table contextmenu directionality paste textcolor"
],
image_advtab: true,
language : 'en',
menubar:false,
statusbar:false,
setup : function(ed) {
ed.on("KeyDown", function(ed,evt) {
chars_without_html = $.trim(tinyMCE.activeEditor.getContent().replace(/(<([^>]+)>)/ig,"")).length;
chars_with_html = tinyMCE.activeEditor.getContent().length;
var key = ed.keyCode;
$('#chars_left').html(max_chars - chars_without_html);
if(allowed_keys.indexOf(key) != -1){
alarmChars();
return;
}
if (chars_with_html > (max_chars + max_for_html)){
ed.stopPropagation();
ed.preventDefault();
}else if (chars_without_html > max_chars-1 && key != 8 && key != 46){
alert('Characters limit!');
ed.stopPropagation();
ed.preventDefault();
}
alarmChars();
});
},
toolbar: "bold italic underline | alignleft aligncenter alignright alignjustify | forecolor backcolor | bullist numlist | charmap",
style_formats: [
{title: 'Bold text', inline: 'b'},
{title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
{title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
{title: 'Example 1', inline: 'span', classes: 'example1'},
{title: 'Example 2', inline: 'span', classes: 'example2'},
{title: 'Table styles'},
{title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
]
});
chars_without_html = $.trim($("#description_edit").text().replace(/(<([^>]+)>)/ig,"")).length;
$('#chars_left').html(max_chars - chars_without_html);
alarmChars();
});
</script>
推荐答案
（'＃chars_left'）。css（'color'，'red'）;
} else {
('#chars_left').css('color','red');
}else{
（'＃chars_left'）。css（'color'，'grey'）;
}
}
('#chars_left').css('color','gray');
}
}
（function（）{
tinymce.init（{
选择器：＃description_edit，
主题：现代，
宽度：320，
身高：130，
插件：[
advlist autolink list charmap print preview hr anchor pagebreak，
searchreplace visualblocks visualchars code insertdatetime media nonbreaking，
保存表contextmenu方向性粘贴textcolor
]，
image_advtab：true，
语言：'en'，
菜单栏：false，
状态栏：false，
setup：function（ed）{
ed.on（KeyDown，function（ed，evt）{
chars_without_html =
(function() {
tinymce.init({
selector: "#description_edit",
theme: "modern",
width: 320,
height: 130,
plugins: [
"advlist autolink lists charmap print preview hr anchor pagebreak",
"searchreplace visualblocks visualchars code insertdatetime media nonbreaking",
"save table contextmenu directionality paste textcolor"
],
image_advtab: true,
language : 'en',
menubar:false,
statusbar:false,
setup : function(ed) {
ed.on("KeyDown", function(ed,evt) {
chars_without_html =
这篇关于当我达到每行字符的限制时，我想每次插入换行符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
