相关文章
更多最近更新
更多tinyMCE的注释变成空格怎么解决
2019-03-25 13:44|来源: 网路
版本tinymce_3.3.9.4_jquery
tinymce_3.3.9.4_jquery\tinymce\examples\index.html
在textarea 中的内容如果有<!--注释内容-->，则会解析成空行，有没有方法让注释不解析成空行，就跟html中一样什么都不显示
问题补充：
首先非常感谢您。
但是<br/>加<!--page-->就让空行变大了呀，本来可能一个br就空一行，但是一个br再加一个注释就变多个空行了，如图（br/><br/><!--page-->这个空行比其他的空行都大，如果页面大是很明显的），间距变大了，我想有注释和无注释都一样，就是要加注释后空行不变大，本来想用js的正则把内容过滤一下去掉注释了，但是注释还有别的用必须有，
问题补充：
耶，高手啊，佩服佩服！！！！！
tinymce_3.3.9.4_jquery\tinymce\examples\index.html
在textarea 中的内容如果有<!--注释内容-->，则会解析成空行，有没有方法让注释不解析成空行，就跟html中一样什么都不显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Full featured example using jQuery plugin</title>
<!-- Load jQuery -->
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<!-- Load TinyMCE -->
<script type="text/javascript" src="../jscripts/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript">
$().ready(function() {
$('textarea.tinymce').tinymce({
// Location of TinyMCE script
script_url : '../jscripts/tiny_mce/tiny_mce.js',
// General options
theme : "advanced",
plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
content_css : "css/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
});
</script>
<!-- /TinyMCE -->
</head>
<body>
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
<div>
<h3>Full featured example using jQuery plugin</h3>
<p>
This example shows how TinyMCE can be lazy loaded using jQuery. The jQuery plugin will also attach it's self to various jQuery methods to make it more easy to get/set editor contents etc.
</p>
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
<div>
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%" class="tinymce">
案的发生的法是否啊发发发<br/><br/> 案的发生的法是否啊发发发<br/><br/><!--page--> 案的发生的法是否啊发发发<br/><br/> 案的发生的法是否啊发发发<br/><br/> 案的发生的法是否啊发发发<br/><br/> 案的发生的法是否啊发发发<br/><br/>
</textarea>
</div>
<!-- Some integration calls -->
<a href="javascript:;" onmousedown="$('#elm1').tinymce().show();">[Show]</a>
<a href="javascript:;" onmousedown="$('#elm1').tinymce().hide();">[Hide]</a>
<a href="javascript:;" onmousedown="$('#elm1').tinymce().execCommand('Bold');">[Bold]</a>
<a href="javascript:;" onmousedown="alert($('#elm1').html());">[Get contents]</a>
<a href="javascript:;" onmousedown="alert($('#elm1').tinymce().selection.getContent());">[Get selected HTML]</a>
<a href="javascript:;" onmousedown="alert($('#elm1').tinymce().selection.getContent({format : 'text'}));">[Get selected text]</a>
<a href="javascript:;" onmousedown="alert($('#elm1').tinymce().selection.getNode().nodeName);">[Get selected element]</a>
<a href="javascript:;" onmousedown="$('#elm1').tinymce().execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
<a href="javascript:;" onmousedown="$('#elm1').tinymce().execCommand('mceReplaceContent',false,'<b>{$selection}</b>');">[Replace selection]</a>
<br />
<input type="submit" name="save" value="Submit" />
<input type="reset" name="reset" value="Reset" />
</div>
</form>
<script type="text/javascript">
if (document.location.protocol == 'file:') {
alert("The examples might not work properly on the local file system due to security settings in your browser. Please use a real webserver.");
}
</script>
</body>
</html>
问题补充：
suziwen 写道
<!--page-->
是并没解析成空行的，跟html中一样什么都不显示 ，
造成空行是你的<br/>换行产生的
是并没解析成空行的，跟html中一样什么都不显示 ，
造成空行是你的<br/>换行产生的
首先非常感谢您。
但是<br/>加<!--page-->就让空行变大了呀，本来可能一个br就空一行，但是一个br再加一个注释就变多个空行了，如图（br/><br/><!--page-->这个空行比其他的空行都大，如果页面大是很明显的），间距变大了，我想有注释和无注释都一样，就是要加注释后空行不变大，本来想用js的正则把内容过滤一下去掉注释了，但是注释还有别的用必须有，
问题补充：
suziwen 写道
你加上这个"<p></p>"或者这个"<p> </p>"就不会了
如果不加上p的话，tinymce会把有你的代码自动转换成这样
<p>案的发生的法是否啊发发发<br/><br/> 案的发生的法是否啊发发发<br/><br/><!--page--> 案的发生的法是否啊发发发<br/><br/> 案的发生的法是否啊发发发<br/><br/> 案的发生的法是否啊发发发<br/><br/> 案的发生的法是否啊发发发<br/><br/> </P>
如果不加上p的话，tinymce会把有你的代码自动转换成这样
<p> 案的发生的法是否啊发发发<br><br> 案的发生的法是否啊发发发<br><br></p> <!--page--> <p> 案的发生的法是否啊发发发<br><br> 案的发生的法是否啊发发发<br><br> 案的发生的法是否啊发发发<br><br> 案的发生的法是否啊发发发<br><br></p>
耶，高手啊，佩服佩服！！！！！
相关问答
更多-
我也在我的项目中使用tinymce。 您不必修改任何脚本文件。 为了使它工作，你必须填充 tinymce库，因此它将与requirejs完全兼容（ http://requirejs.org/docs/api.html#config-shim ）。 所以在你的requirejs配置中你应该有类似的东西： requirejs.config({ ... baseUrl : 'your_lib_path', shim : { ... 'tinyMCE': { ...
-
如何检查textarea（tinymce）是否只包含空格？(How can I check if textarea (tinymce) only contains space?)[2022-03-31]
使用$ .trim ， 它干净，易读。 function validation_form() { var content = $.trim(tinyMCE.get('main-comment').getContent({format: 'text'})); if(content.length == 0) { return false; } return true; } 更新： 格式为文本 ，从编辑器获取文本内容。 检查小提琴 use $.trim , it i ... -
你也可以做 tinyMCE.get('tinymce_id').setContent(my_new_content); tinyMCE.execCommand('mceReplaceContent',false,TextToAdd);
-
注释之间的空格完全无关紧要，在我看来，您在IDE中发现了关于屏幕显示注释的怪癖。 Whitespace between annotations is completely irrelevant, it seems to me that you found a quirk in your IDE regarding annotation on-screen display.
-
forced_root_block包含在相关的问题中 。 对于IE，如果编辑器在execCommand加载事件之后不能立即可用，则有必要轮询文档。 forced_root_block is covered in a related question. For IE it is necessary to poll the document if the editor is not immediately available after the execCommand load event.
-
TinyMCE在使用词贴时添加空格而不是空格(TinyMCE is adding instead of the space when using the word paste)[2023-07-30]
我发现了一种灵魂，我不确定这是否正确，但它有效。 在tinyMCE.init中，我补充道： paste_auto_cleanup_on_paste : true, paste_postprocess : function(pl, o) { // remove extra line breaks o.node.innerHTML = o.node.innerHTML.replace(/ /ig, " "); } 这是整个tinyMCE初始化： fun ... -
这是一个可以将字符串转换为HTML兼容版本的函数。 function encodeWhiteSpaces(str) { return s.split('').map(function(c) { if (c === ' ') return ' ' else return c; }).join(''); } 该字符串被转换为一个数组（ split ），然后创建一个新的arrray（ map ），并将所有空格转换为 ，最后将数组 ...
-
使用TinyMCE的绝对URL(absolute URL with TinyMCE)[2022-04-16]
在初始化tinymce之前，我设置以下变量 var system_url = "http://myserver.com/workspace/codebase/html/"; 这样我以后就可以使用system_url来处理图像和其他类似文件 content_css: system_url+'js/tiny_mce/css/green.css', Before initializing tinymce i set the following variable var system_url = "http:/ ... -
-
TinyMCE：添加shorcut(TinyMCE: adding a shorcut)[2023-02-03]
您缺少description参数： editor.shortcuts.add('ctrl+a', 'remove formatter', function(){ tinymce.activeEditor.execCommand('RemoveFormat'); }); ctrl + space然而似乎不起作用，它被认为是ctrl + s。 要修复它，您可以直接使用charcode： editor.shortcuts.add('ctrl+32', 'remove formatter', ...