如何將樣式屬性添加到使用getDoc（）添加的圖像中。createElement（「img」）;在TinyMCE

Question

How To insert an image at cursor position in tinymce

從上面提到的問題，我設法添加一個圖像在TinyMCE。

var ed = tinyMCE.get('txt_area_id');    // get editor instance 
var range = ed.selection.getRng();     // get range 
var newNode = ed.getDoc().createElement ("img"); // create img node 
newNode.src="sample.jpg";       // add src attribute 
range.insertNode(newNode);       // insert Node 

我試圖寬度與該代碼添加到newNode：

newNode.style = "width:600px;"; // not working 

，但它不工作，這同樣適用於I類無法通過該代碼添加一個類：

newNode.class= "myClass"; // this one is also not working 

如果有人有一些想法，請讓我知道謝謝。

Answer 1

的問題是在這裏：

newNode.style = "width:600px;"; 

您所訪問的節點的樣式對象，而不是樣式屬性。所以，你可以更新，或者設置的樣式對象：

newNode.style.width = "600px;"; 

或更新，或設置，樣式屬性：

newNode.setAttribute("style", "width:600px"); 

需要注意的是，在後者的例子，任何現有值舉行在style屬性中將被新字符串覆蓋;只更新一個屬性值，您應該使用前一個示例，並指定樣式對象的特定屬性。

要更新元素的類：

newNode.className = "newClassName"; 

或者：

newNode.classList.add("newClassName");