toggleEdit帶有嵌入式html風格標籤的textarea

我有一個非常簡單的問題。我正在使用toggleEdit以允許用戶編輯/預覽某些html。對於不熟悉切換編輯的人員，只需撥打toggleEdit()即可在<input/>上創建一個<div/>，其中<input/>元素中的任何值都可以生成。當你toggleEdit("preview")它顯示<div/>，當你toggleEdit("edit")它顯示你的<input/>字段。toggleEdit帶有嵌入式html風格標籤的textarea

對於我的情況，我使用它來顯示「嵌入式html」。用戶基本上輸入一些html，點擊預覽並顯示。我試圖找到一種「重新渲染」div的方法，以便可以使用嵌入式樣式元素。

例如。

在用戶輸入文本區域：

<style type="text/css"> 
    ul { list-style-type: circle; } 
</style> 

<ul> <li> This is a test </li> </ul>

在我的情況下，風格被忽略。但是，如果我使用內聯樣式，他們會工作。我嘗試更換div文本，但沒有奏效。

我敢肯定，這是一個簡單的rerednering問題..只是找不到一個簡單的方法來搜索它。

編輯

如這裏要求是一個JSFiddle

來源

2011-12-12 Nix

如果你是這將有很大的幫助發佈您的代碼的實時版本以進行適當的檢查。在任何情況下，它似乎不像style = type通過js插入聲明應該工作。不過，內聯是這樣做的，這就是爲什麼你會看到像螢火蟲等工具依賴線條樣式來實時運行dom的動態CSS添加。

來源

2012-01-21 17:25:50 Sotkra

剛剛在上面爲你發佈了一個鏈接。 – Nix

感謝您的鏈接。我試過了你的JSFiddle例子，嵌入式的css正在爲我工作。我注意到list-style：circle不太明顯，因爲它需要一些左邊距或填充，但圓圈在那裏。這裏有一個截圖：http://imageshack.us/photo/my-images/513/jsfiddle.jpg/ – Sotkra

我剛剛測試過這個，這讓我覺得必須有其他的事情......我會有返回並創建一個更好的測試用例。 – Nix

-2

嘗試important rule在你的風格來覆蓋其他聲明：

ul { list-style-type: circle !important; }

來源

2011-12-12 21:24:10 haynar

是的，我昨天試過，今天仍然無法工作。 – Nix

toggleEdit帶有嵌入式html風格標籤的textarea

回答

相關問題