2012-03-21 74 views
2

我正在使用Jquery wysiwyg編輯器,它在運行時自動將代碼添加到textarea。覆蓋自動生成的css

我的問題是,它的插入的風格=內嵌式「寬度:320像素」,我需要爲我已經設置的樣式採取這一關,使之去100%

反正是有刪除或覆蓋該代碼與jQuery

它基本上添加爲內嵌樣式與一個叫所見即所得類股利...

這樣:

<div class="wysiwyg" style="width:320px"> 

電子ditor我在與被稱爲麻煩:jWYSIWYG

這裏有一個演示網址:http://akzhan.github.com/jwysiwyg/help/examples/

+0

當然有,但它是很難幫助你沒有看到由wysiwyg編輯器產生的HTML。 – 2012-03-21 13:45:28

+0

爲什麼不直接在代碼中查找這個值並改變它? – 2012-03-21 13:46:33

+1

你可能想知道它是哪個編輯器。 – jgauffin 2012-03-21 13:47:05

回答

5

如果你想覆蓋內嵌樣式,你有兩個選擇:

純CSS:

.wysiwyg { 
    width: 120px !important; 
} 

jQuery的:

$(".wysiwyg").css({width:120}); 

如果你想使用的樣式在其他地方,你也可以這樣做:

$(".wysiwyg").css({width:"inherit"}); 
+1

請注意'.css({width:120})'相當於'.css('width',120)'。 – 2012-03-21 13:58:22

0

您可以定義一個新的CSS規則很重要,或使用jQuery:

$("rule target").width(value); 
1

使用重置width jQuery的:

$('.wysiwyg').css('width', '100%'); 

或者,您可以刪除style屬性:

$('.wysiwyg').removeAttr('style'); 
0

這應該爲你工作:

$('.wysiwyg').removeAttr("style"); 

或者你也可以設置寬度爲100%

$('.wysiwyg').css("width", "100%"); 
1

你有沒有試着用宣告自己的CSS:

!important 

如。

#textarea-id { width: 300px !important; } 
0

你可以,如果你有服務器端DOM操作模塊removeAttribute() DOM的方法刪除服務器端不想要的屬性。

或者您可以嘗試創建您自己的所見即所得JS模塊的稍微修改版本。