标签: tinymce
TinyMCE编辑器中的换行符在预览时显示额外的行,而不是在代码中
我正在使用带有TinyMCE的BBCode插件,并看到预览和HTML代码之间的换行符没有显示相同.
我在编辑器窗口中有以下几行:
This is line one
This is line three
第二行是空的.当我在HTML中查看时,我得到以下内容.
This is line one
This is line three
没有多余的空行.
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "bbcode",
entity_encoding : "raw",
remove_linebreaks : false,
force_p_newlines : false,
force_br_newlines : true,
forced_root_block : ''
});
我错过了什么？
推荐指数
解决办法
查看次数
我如何强制tinyMCE不将<b>标签转换为<strong>标签？
当我使用html编辑器tinyMCE和我粘贴代码时,它将html <b>标签转换为<strong>标签.
andybody知道我怎么能强制这个编辑器来防止这种转换？
谢谢.
推荐指数
解决办法
查看次数
如何从我的TinyMCE插件中获取值？
我正在TinyMCE工具栏上制作一个额外的按钮(它适用于Wordpress,但我认为不重要).
按下按钮并显示一个表单,我只是完全失去了配置它,以便在表单上输入的值实际上传输到tinyMce插件的其余部分.
我找到的唯一相关文档是这个页面,它们显示了您实现自定义浏览器.但对于第一个计时器(或者至少对我而言)来说,这是相当神秘的.
这就是我所拥有的:
按下按钮时执行此操作:
ed.windowManager.open({
file : url + '/dialog.html',
width : 400,
height : 120,
inline : 1
}, {
plugin_url : url, // Plugin absolute URL
some_custom_arg : 'custom arg' // Custom argument
});
这是dialog.html文件的内容
<html>
<head>
<title>Hello world!</title>
</head>
<body>
<form name="Hello world" method="post">
<input size="30" name="textbox1" type="text" id="textbox1" />
<input type="submit" value="" name="submitbutton" />
</form>
</body>
</html>
显然这没有任何作用(甚至没有关闭对话框),但我真的不知道从哪里开始寻找它做某事.
推荐指数
解决办法
查看次数
拖放图片并上传插件以获取tinymce
我正在寻找一个简单的插件或一个外部jquery解决方案,可以轻松集成到tinymce中,允许拖放图像上传和插入一个文本区域,直接将图像放入textarea本身或定义的"放置区",类似于Wordpress中的新媒体上传按钮,甚至更好,没有显示任何对话框.
我不想要额外的功能,如图库浏览器或图像存储库管理,已经尝试了几个这样做的插件,客户发现它太繁琐和复杂,他只是想放弃图像而忘记它,因为他不会再次使用该图像.
推荐指数
解决办法
查看次数
适用于固定盒子的最佳JavaScript WYSIWYG解决方案
我有一个正好是425px x 100px的盒子,我希望我的用户用WYSIWYG编辑器设置这个盒子内容的样式.他们应该能够使用这个盒子里面几乎所有的HTML.
不,我正在寻找一个合适的WYSIWYG编辑器,我曾经使用TinyMCE来解决这些问题,但我觉得它最适合长篇连续文本,但是现在我有一个固定的盒子.
如果编辑器能够绝对定位文本和图像,那将是很好的,因此用户可以将他们的内容放在他们想要的任何地方.
推荐指数
解决办法
查看次数
如果编辑器的宽度太小,有没有办法将工具栏按钮包装到TinyMCE的下一行？
我在高级主题中使用TinyMCE.今天我必须事先指定每个工具栏行中的按钮:theme_advanced_buttons1,theme_advanced_buttons2和theme_advanced_buttons3.
有没有办法只指定一个按钮列表,如果编辑器的宽度太小而无法将它们全部包含在一行中,那么按钮会换行到下一行？
推荐指数
解决办法
查看次数
如何在tinyMCE中设置列表项项目符号和数字的字体大小？
TinyMCE是一个很棒的工具,它为我们解决了许多问题.然而,存在难以解决的问题.虽然TinyMCE将更改列表中项目字体的大小,但它不会更改继续执行这些项目的项目符号(无序列表)或数字(有序列表)的大小.
用户结束的是这样的事情:
正如您在图像中看到的那样,两个列表中字体的大小不同,但项目符号的大小是相同的.
有谁知道如何让TinyMCE更改子弹以匹配字体？
推荐指数
解决办法
查看次数
将tinymce与asp .net MVC 4.0集成
使用ASP .NET MVC 4.0,VS2012.
在我的一个页面中,我尝试集成一个WYSIWYG编辑器" TinyMCE ".为了集成,我遵循以下URL:.tugberkugurlu.com
我的视图页面如下:
@model AboutModels
@using FileUploadDemo.Models
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="Scripts/tinymce/jquery.tinymce.js" type="text/javascript"></script>
@{
ViewBag.Title = "About";
}
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>About</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Title)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.PostedOn)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.PostedOn)
@Html.ValidationMessageFor(model => model.PostedOn)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Tags)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Tags)
@Html.ValidationMessageFor(model => …推荐指数
解决办法
查看次数
TinyMCE:如何在编辑器中阻止`<br data-mce-bogus="1">`文本？
我有一个包含几个TinyMCE(v4)编辑器的页面,这些编辑器都很好用......直到我尝试添加:
inline: true
他们的配置.当我这样做时,内联部分工作得很好(工具栏已经消失,然后在我关注编辑器时出现),但由于一些奇怪的原因,编辑器在那时停止工作.在编辑器中我看到:
<br data-mce-bogus="1">
但我无法编辑该文本,或添加新文本,或者根本无法使用编辑器执行任何操作.
如果我删除inline: true,我可以让编辑器再次工作,但我真的想要内联效果.有没有人知道如何在inline不破坏编辑的情况下获得成功？
推荐指数
解决办法
查看次数
Tinymce错误-动态加载时无法加载插件js文件
我正在尝试像这样动态加载 TinyMCE（单击按钮时）：
$.getScript('path/to/mce4/tinymce.min.js', function(){
var def = {
selector: 'textarea',
body_class: 'sp-mce-editor',
content_css : "path/to/styles/mce.css",
plugins: ['advlist autolink lists link image charmap print preview hr anchor pagebreak searchreplace wordcount visualblocks visualchars code insertdatetime media nonbreaking table contextmenu directionality emoticons template paste textcolor fullscreen autoresize'],
toolbar: "bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | fontsizeselect forecolor backcolor | preview fullscreen | template",
toolbar_items_size: 'small',
relative_urls : false,
convert_urls : true,
external_plugins: { "nanospell": …推荐指数
解决办法
查看次数