简体   繁体   English

有任何HTML所见即所得编辑器吗?

[英]Is there any HTML wysiwyg editor?

I wonder whether there is any good WYSIWYG editor when it comes to editing complex HTML pages generated from ASP.NET, PHP, GWT or anything else. 我不知道在编辑由ASP.NET,PHP,GWT或其他任何东西生成的复杂HTML页面时,是否有任何所见即所得的编辑器。 I've tried a lot of WYSIWYG tools, but after a certain point I always end up with manually editing the HTML source code or CSS to fix different issues. 我尝试了很多WYSIWYG工具,但是经过一定的时间之后,我总是以手动编辑HTML源代码或CSS来解决不同的问题而告终。 The editors I've tried are never compatible with the ASP.NET/PHP/etc code I'm writing. 我尝试过的编辑器与我正在编写的ASP.NET/PHP/etc代码不兼容。

Edit : I have used Visual Studio for a few years to do ASP.NET development. 编辑 :我已经使用Visual Studio几年来进行ASP.NET开发。 After a while, it always comes to the point where I can't even open the pages and user controls because they rely on so many things which aren't available in debug time. 一段时间后,总会导致我什至无法打开页面和用户控件,因为它们依赖于调试时无法使用的许多功能。

You're not going to get anything that is perfect. 您不会得到任何完美的东西。 You're almost always going to have to tweak the mark-up by hand at least a little bit. 您几乎总是必须至少手动调整标记。

Your best bet would probably be Adobe Dreamweaver for PHP and Visual Studio ( Visual Studio Web Developer Express is free) for ASP.NET. 最好的选择可能是PHP的Adobe Dreamweaver和ASP.NET的Visual Studio( Visual Studio Web Developer Express是免费的)。

I love VS, but I'd rather make sweet love to a hedgehog than use the HTML editor. 我喜欢VS,但是我更喜欢刺猬,而不是使用HTML编辑器。 Expression Web does a much better job editing HTML. Expression Web在编辑HTML方面做得更好。

Take a look at BBCode Editor 看看BBCode Editor

http://richtexteditor.com/demo/bbcode.aspx http://richtexteditor.com/demo/bbcode.aspx

This example shows a simple BBCode formatter for the Editor. 此示例显示了用于编辑器的简单BBCode格式化程序。

Personally I think that Visual Studio is the best for ASP.NET, although Expression Web also seems to be pretty good. 我个人认为Visual Studio是ASP.NET的最佳选择,尽管Expression Web似乎也不错。

But I personally I think it's the best for you to start writing more code and using the WYSIWYG part less and less. 但是我个人认为,开始编写更多代码并越来越少使用所见即所得部分是您的最佳选择。 With Web applications it's all about the way they're displayed in the browser and I think that the browser is the tool which should be used for testing the GUI. 对于Web应用程序,这完全取决于它们在浏览器中的显示方式,我认为浏览器是应用于测试GUI的工具。

I agree, I have Expression Web right now and it works well. 我同意,我现在拥有Expression Web,并且运行良好。 You can move stuff around in design view but will of course, as stated above, have to render the code manually. 您可以在设计视图中移动内容,但是如上所述,当然必须手动呈现代码。 But it works if you wanna see the changes you have made. 但是,如果您想查看所做的更改,它会起作用。 I would always of course view it in the browser and not just rely on the design view. 我当然总是会在浏览器中查看它,而不仅仅是依赖于设计视图。 Also W3Schools is a great tool. W3Schools也是一个很好的工具。

WYSIWYG editors for complex web site/applications just never measure up IMHO . 复杂网站/应用程序的所见即所得编辑器永远不会衡量恕我直言

The problem comes down to wanting control of the HTML/CSS markup, yet also the flexibility to create a GUI via drag-n-drop. 问题归结为想要控制HTML / CSS标记,还需要通过拖放操作创建GUI的灵活性。 (the 2 are almost polar opposites) (这两个几乎是相反的对立)

Take a very simple example. 举一个非常简单的例子。

In WYSIWYG mode, I type/create (pretend that World is on the line right after Hello (the Markdown editor forces me to add an extra line break)): 在WYSIWYG模式下,我键入/创建(假设World在Hello后面的行上(Markdown编辑器迫使我添加一个额外的换行符)):

Hello 你好

World 世界

What HTML should the editor create? 编辑器应创建哪种HTML?

Hello<br/>
<b>World</b>

<p>Hello</p>
<p><strong>World</strong></p>

<div>Hello</div>
<div><span style="font-weight:bold;">World</span></div>

<span class="abcNormal">Hello</span>
<br/>
<span class="abcBold">World</span>

(and a zillion more possibilities) (还有更多的可能性)

I still think the best thing you can have is an editor/IDE that understands your component/tags and provides auto-completion and code-assist/intellisense - paired up with a very quick deploy option to test changes ASAP in real browser(s) 我仍然认为最好的东西是能够了解您的组件/标签并提供自动完成和代码辅助/智能功能的编辑器/ IDE-与非常快速的部署选项配对,可以在真实的浏览器中尽快测试更改

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM