我正在測試和尋找一個wysiwyg編輯器,並且我找到了一個非常實用的nicEdit。問題是,使用Firefox所有功能都正常工作,但使用鉻,放置圖像時,調整選項框不起作用!如何解決它?如果沒有,還有其他類似的嗎? Tiny MCE的一些功能也不適用於chrome。謝謝。使用NicEdit調整圖像大小
0
A
回答
5
使用nicEdit和修改代碼,這樣在nicEdit.js:
var nicImageButton=nicEditorAdvancedButton.extend({addPane:function(){this.im=this.ne.selectedInstance.selElm().parentTag("IMG");this.addForm({"":{type:"title",txt:"Add/Edit Immagine"},width:{type:"text",txt:"Width",style:{width:"150px"}},src:{type:"text",txt:"URL",value:"http://",style:{width:"150px"}},alt:{type:"text",txt:"Alt Text",style:{width:"100px"}},align:{type:"select",txt:"Align",options:{none:"Default",left:"Left",right:"Right"}}},this.im)},submit:function(B){var C=this.inputs.src.value;if(C==""||C=="http://"){alert("You must enter a Image URL to insert");return false}this.removePane();if(!this.im){var A="javascript:nicImTemp();";this.ne.nicCommand("insertImage",A);this.im=this.findElm("IMG","src",A)}if(this.im){this.im.setAttributes({width:this.inputs.width.value,src:this.inputs.src.value,alt:this.inputs.alt.value,align:this.inputs.align.value})}}});nicEditors.registerPlugin(nicPlugin,nicImageOptions);
你必須添加簡單
,width:{type:"text",txt:"Width",style:{width:"150px"}}
和
width:this.inputs.width.value,
添加到插入寬度選項參數。
+0
這似乎不工作了! – Iceman
+0
它工作良好,但我不能在寬度的末尾添加px –
1
下面是一個完整的代碼有高度的編輯選項,除了寬度 基於什麼尤里Refolo解釋
var nicImageButton=nicEditorAdvancedButton.extend({addPane:function(){this.im=this.ne.selectedInstance.selElm().parentTag("IMG");this.addForm({"":{type:"title",txt:"Add/Edit Image"},width:{type:"text",txt:"Width",style:{width:"150px"}},height:{type:"text",txt:"Height",style:{width:"150px"}},src:{type:"text",txt:"URL",value:"http://",style:{width:"150px"}},alt:{type:"text",txt:"Alt Text",style:{width:"100px"}},align:{type:"select",txt:"Align",options:{none:"Default",left:"Left",right:"Right"}}},this.im)},submit:function(B){var C=this.inputs.src.value;if(C==""||C=="http://"){alert("You must enter a Image URL to insert");return false}this.removePane();if(!this.im){var A="javascript:nicImTemp();";this.ne.nicCommand("insertImage",A);this.im=this.findElm("IMG","src",A)}if(this.im){this.im.setAttributes({width:this.inputs.width.value,height:this.inputs.height.value,src:this.inputs.src.value,alt:this.inputs.alt.value,align:this.inputs.align.value})}}});nicEditors.registerPlugin(nicPlugin,nicImageOptions);
+0
這似乎不工作了。 – Iceman
相關問題
- 1. 如何在調整圖像大小時調整圖像大小使用drawImage
- 2. 使用CSS調整圖像大小
- 3. 使用PythonMagick調整圖像大小
- 4. 使用Crop調整圖像大小
- 5. 使用PHP調整圖像大小
- 6. 使用createjs/easeljs調整圖像大小
- 7. 使用.NET Core調整圖像大小?
- 8. 使用CV_INTER_AREA調整圖像大小
- 9. 調整大小TIFF圖像使用C#
- 10. 使用mini_magick調整圖像大小
- 11. 使用OpenGL調整圖像大小
- 12. 使用javascript調整圖像大小
- 13. 使用ImageMagick mogrify調整圖像大小
- 14. 使用JavaScript/jQuery調整圖像大小
- 15. 使用Image.getInstance調整pdf圖像大小
- 16. 使用Carrierwave調整圖像大小
- 17. 調整大小圖像使用capinsets
- 18. 使用Codeigniter調整圖像大小
- 19. 使用Magick.net調整圖像大小
- 20. 使用ffmpeg調整圖像大小
- 21. 使用php調整圖像大小
- 22. 使用imagemagick調整圖像大小
- 23. 大小調整圖像使用javascript
- 24. 使用AzureReader2調整圖像大小404
- 25. 用Java調整圖像大小。如何調整大小
- 26. 使用jQueryUI可調整大小,可拖動和nicEdit的問題
- 27. 圖像未調整大小
- 28. 調整jpeg圖像大小?
- 29. codeigniter圖像調整大小
- 30. Phalcon圖像調整大小
請參見常見問題解答:http://stackoverflow.com/faq StackOverflow的是程序員。如果您希望得到這個問題的幫助,您需要發佈有問題的HTML。我們不在乎你使用的所見即所得的編輯器......它與你的問題無關。 – Brad
Chrome並未實現此類功能,因此您可以選擇使用javascript編寫自己的版本,或者切換到Firefox或IE等其他瀏覽器。 – AlfonsoML