我正在测试和寻找一个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