标签: tinymce
tinyMCE将<i>转换为getContent上的<em>
在我的tinyMCE编辑器的dom中,我看到了
<p>
<i>testing 123</i>
</p>
但是当我跑
tinyMCE.activeEditor.getContent()
它返回
<p>
<em>testing 123</em>
</p>
为什么会<i>变成<em>？我有这个问题,因为我想动态插入文本包围标签,事情变得混乱.
推荐指数
解决办法
查看次数
Tinymce mceToggleEditor滚动/焦点问题
我有50多个textareas,我正在使用tinyMCE.我只是初始化它们,而不是加载每一个,然后根据要求激活它们
初始化
tinyMCE.init({
mode : "none",
theme : "advanced",
theme_advanced_buttons1 : "",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : false,
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : false,
theme_advanced_resizing : true,
auto_focus : false
});
编辑观察者
$('ul span.edit-details').click(function () {
var id = this.id;
id = id.replace('edit-','');
tinyMCE.execCommand('mceToggleEditor',false,'editor-'+id);
});
更新我也尝试过
$('ul span.edit-details').click(function () {
var id = this.id;
id = id.replace('edit-','');
if($('#details-'+id).is(":hidden")) {
$('#details-'+id).show();
tinyMCE.execCommand('mceAddControl',false,'editor-'+id);
}
else {
$('#details-'+id).hide();
tinyMCE.execCommand('mceRemoveControl',false,'editor-'+id);
}
});
我遇到的问题是当tinyMCE.execCommand('mceToggleEditor',false,'editor-'+id);页面聚焦/滚动到该textarea时,即使它已经在视口中.
关于如何阻止这个的任何建议？
谢谢!
推荐指数
解决办法
查看次数
访问WordPress的TinyMCE iFrame
使用jQuery我试图操纵WordPress内容编辑器,它在iframe中使用TinyMCE.我似乎无法使以下代码按预期工作:
jQuery(document).ready(function($) {
$('#content_ifr').ready(function() {
$('#content_ifr').contents().find('body').css('background-color', '#f33');
});
无论我使用".ready()"还是".load()",事件都会在TinyMCE编辑器(iframe的主体)完全加载之前触发.
但是,如果我在手动单击标题文本框以触发click事件之前等待iframe加载,则以下代码将起作用:
jQuery(document).ready(function($) {
$('#title').click(function() {
$('#content_ifr').contents().find('body').css('background-color', '#f33');
});
我已经详细搜索了jQuery和iFrames这个主题,看起来根据具体情况来看,它很受欢迎.有些代码适用于某些人,而不适用于其他人.
有没有人知道在TinyMCE iframe主体完全加载后获取第一个代码片段的方法？因为它只是WordPress内容编辑器,所以iframe内容位于同一个域中.
我真正想做的是通过.addClass()向iframe中的body元素添加一个类
jQuery(document).ready(function($) {
$('#content_ifr').ready(function() {
$('#content_ifr').contents().find('body').addClass('ui-droppable');
});
这样我就可以在下面的教程中应用drag n'drop代码:
http://skfox.com/2008/11/26/jquery-example-inserting-text-with-drag-n-drop/
推荐指数
解决办法
查看次数
DinyMCE编辑器Django中的图像管理器/上传
我正在使用TinyMCE编辑器,它很棒.但我有包括图像的问题.我一直在寻找免费的图像托管,但这似乎并不容易.所以我最终决定将图像上传到我自己的空间,但为此我还需要编写正确的脚本.
我找到了解决方案,但是对于Asp.net MVC,我正在使用Django/Python.任何人都可以指导我如何编写将向图像弹出窗口添加浏览按钮的javascript,以便用户可以从他的计算机上传图像或提供到在线图像的直接链接.
任何帮助都非常感谢.
推荐指数
解决办法
查看次数
TinyMCE验证给出错误:无法调用未定义的方法'getContent'
我有一个带有小mce的文本区域,我加载它像这样:
$(document).ready(function () {
tinyMCE.init({
mode: "textareas",
...
此文本区域为一种形式.我将表单提交按钮绑定到:
$('#btnSubmit').click(function() {
tinymce.triggerSave();
var editorContent = tinyMCE.get('Description').getContent();
if (editorContent == '' || editorContent == null)
{
$(tinymce.activeEditor.getBody()).css("background-color", '#ffeeee');
$(tinymce.activeEditor.getBody().parentNode).css("background-color", '#ffeeee');
$(tinymce.activeEditor.getBody().parentNode).css("border", '1px solid #ff0000');
}
});
在我的实体类中,我有Required属性.
我的目标是red在模型无效时创建tinyMCE背景.但我从问题标题中得到错误.
有帮助吗？
因此,验证工作.如果我删除textarea空检查并保持颜色更改它会更改.但问题是当文本区域中有某些内容时,我点击提交区域首先变为红色然后提交.
如果验证失败,我可以做些什么吗？
推荐指数
解决办法
查看次数
Plones中的项目TinyMCE内容浏览器覆盖在专辑视图中 - 如何解决这个问题？
我不知道这是一个错误还是源于任何自定义.我想知道如何解决这个问题:
如果我在Plone的"内容浏览器"中单击"添加图像"或"链接",则默认视图模式为"相册".在这种模式下,物品彼此叠加,即在4个物品之后,下一个物品似乎不会被放入新的列中.
看截图:
Plone版本是4.3.2.我怎样才能解决这个问题？指针(相关文件,代码部分)欢迎.
推荐指数
解决办法
查看次数
使用Regex删除某些HTML标记
我使用tinyMCE库来编辑HTML,返回如下内容:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
... Your HTML ...
</body>
</html>
我想删除doctype,html,head和body标签,这样就可以了
... Your HTML ...
这是我正在使用的功能.
function stripHTML(html) {
return str.replace(/<(\/?|\!?)(DOCTYPE html|html|head|body)>/, "");
}
这只<!DOCTYPE html>从字符串中删除.
如果有更简单的方法,请指出我正确的方向.有任何想法吗？
推荐指数
解决办法
查看次数
使用MoxieManager时,从TinyMCE的"插入链接"对话框中删除"浏览"按钮
我已正确配置MoxieManager与TinyMCE集成,一切正常.但我想从"插入链接"对话框中删除"浏览"按钮(打开MoxieManager对话框).
因此,从下面的截图中,绿色应该保留,但红色应该去.
推荐指数
解决办法
查看次数
如何将新字体添加到TinyMCE Advanced
我想添加例如字体"elef",添加此字体的最简单方法是什么？我使用wordpress 3.9.1和TinyMCE Advanced vr.4.0.2,如果这件事..
推荐指数
解决办法
查看次数
通过Jquery禁用TinyMCE文本编辑器
我有多个Tiny MCE编辑器,我试图禁用编辑.我尝试了多种变体:
if(@Model.hasRegular.ToString().ToLower())
{
tinymce.get('#rte').getBody().setAttribute('contenteditable', false);
}
if(@Model.hasSmall.ToString().ToLower())
{
tinymce.get('#rteSmall').getBody().setAttribute('contenteditable', false);
}
if(@Model.isOneSize.ToString().ToLower())
{
tinymce.get('#rteOneSize').getBody().setAttribute('contenteditable', false);
}
与我的编辑所有定义类似:
tinymce.init({
selector: '#rte',
toolbar: 'bold italic underline',
height: '200px',
width: '420px',
elementpath: false,
menubar: false,
content_style: "div {border: 50px solid red;}",
setup: function (ed) {
ed.on('init', function () {
this.getDoc().body.style.fontSize = '16px';
this.getDoc().body.style.fontFamily = 'Helvetica';
//disables editing for non admins
if ($('#nonAdmin').length) {
this.setMode('readonly');
}
});
}
});
目前我正在尝试,我收到一个控制台错误: Cannot read property 'getBody' of null
推荐指数
解决办法
查看次数