Javascript 删除TinyMCE样式
使用TinyMCE的setStyle,我可以设置元素的样式,例如:Javascript 删除TinyMCE样式,javascript,tinymce,Javascript,Tinymce,使用TinyMCE的setStyle,我可以设置元素的样式,例如: <img style="border-width: 3px; border-style: solid;" id="avatar" width="40" height="40" alt="avatar.png" src="avatar.png" > tinyMCE.DOM.setStyle('avatar', 'border-width', '2px'); 如何删除样式?例如,我希望删除边框宽度和边框样式?我知道我
<img style="border-width: 3px; border-style: solid;" id="avatar" width="40" height="40" alt="avatar.png" src="avatar.png" >
tinyMCE.DOM.setStyle('avatar', 'border-width', '2px');
如何删除样式?例如,我希望删除边框宽度和边框样式?我知道我可以将边框宽度设置为零,但不希望设置为零,因为这会产生其他问题。查看文档,没有类似removeStyle的选项
也许您可以将该值设置为继承?TinyMCE似乎没有任何方法可以这样做。相反,使用样式。看
是的,我也看了,什么也没看到。继承如何工作?将值设置为“继承”将使从其父元素继承的所有值都成为计算值。因此,它不会中断样式表中的订单样式。所以它们实际上没有被移除,但是净效应为零
<input type="button" value="Add" id="add" />
<input type="button" value="Remove" id="remove" />
<form method="post" action="somepage">
<textarea name="content" style="width:100%">
<div id="myDiv" style="background-color: blue; height: 50px; width: 50px"></div>
</textarea>
</form>
tinymce.init({
selector: "textarea"
});
$('#add').click(function () {
//Question? Is it "better" to use the ID or select the actual element?
//var div=tinyMCE.activeEditor.dom.select('div');
//tinyMCE.activeEditor.dom.setStyle(div, 'border-width', '5px');
//tinyMCE.activeEditor.dom.setStyle(div, 'border-style', 'solid');
tinyMCE.activeEditor.dom.setStyle("myDiv", 'border-width', '5px');
tinyMCE.activeEditor.dom.setStyle("myDiv", 'border-style', 'solid');
});
$('#remove').click(function () {
var div=tinyMCE.activeEditor.dom.select('div')[0];
console.log(div,div.style);
//Where is "style" property documented?
div.style.removeProperty("border-width");
div.style.removeProperty("border-style");
});