I'm building a small web application in Eclipse. I made an HTML form and was unable to find an option to preview the page I built, and I have to run it on server to view it. In NetBeans, there is a built-in WYSIWYG html editor.
我正在Eclipse中构建一个小型web应用程序。我做了一个HTML表单，但是找不到预览我创建的页面的选项，我必须在服务器上运行它才能查看它。在NetBeans中，有一个内置的WYSIWYG html编辑器。
Is there some HTML plugin for Eclipse?
有Eclipse的HTML插件吗?
(I don't need MyEclipse)
(我不需要MyEclipse)
5 个解决方案
#1
41
Since this is currently (2011-10-25) at 2nd place in Google for a "Eclipse HTML WYSIWYG" query and the question linked by Rafa de Castro dont give a complete answer, I feel that this question needs an update.
因为这是目前(2011-10-25)在谷歌的第2位，因为“Eclipse HTML WYSIWYG”查询和Rafa de Castro联系的问题没有给出完整的答案，我觉得这个问题需要更新。
For now, the only available WYSIWYG tools for HTML I found are:
目前，我发现的唯一可用的用于HTML的WYSIWYG工具是:
- WTP JavaServer Faces contains a tool named Web Page Editor. Nice, free and also serves as a visual editor.
- WTP JavaServer Faces包含一个名为Web页面编辑器的工具。很好，免费，并作为一个视觉编辑器。
- JBoss Tools HTML Editor is also free, neat, has two preview modes, but provides only simplest visual editing functionality.
- JBoss工具HTML编辑器也是免费的，简洁，有两种预览模式，但只提供最简单的视觉编辑功能。
- Eclipse Visual Designer shipped with MyEclipse. It can even preview pages in IE/Firefox, but it has a huge disadvantage - it's a paid software. Looks awesome, but I didnt try it, so I can't say anything about quality.
- Eclipse Visual Designer附带了MyEclipse。它甚至可以在IE/Firefox中预览页面，但它有一个巨大的缺点——它是付费软件。看起来很棒，但是我没试过，所以我不能说质量的问题。
- LeetEdit is based on TinyMCE and provides enhanced visual editing functionality. It's free and you can fork it on github.
- LeetEdit基于TinyMCE，提供了增强的视觉编辑功能。它是免费的，你可以在github上付费。
A note about intsallation.
Installing something into Eclipse is a pain for a new user.
在Eclipse中安装某些东西对新用户来说是一件痛苦的事情。
So, if you want to install just an HTML editor from WTP or JBoss without installing the whole thing with it, you can do the following (steps are vadid at least for Eclipse 3.6 and 3.7.):
因此，如果您希望只安装WTP或JBoss的HTML编辑器，而不安装它的全部内容，您可以执行以下操作(至少对于Eclipse 3.6和3.7，步骤是vadid):
- Open Eclipse, select
Help / Install New Software. - 打开Eclipse，选择Help /安装新软件。
- In the
Work with:field input the update site address. - 在工作中:字段输入更新站点地址。
For JBoss Tools:
- Get the update site URL for the appropirate Eclipse version from here
- 从这里获取appropirate Eclipse版本的更新站点URL
- Select
JBoss Tool RichFaces. - 选择RichFaces JBoss工具。
For Web Pages Editor
- Use an already existing update site, that look like
http://download.eclipse.org/releases/<eclipse_version_name> -
使用已经存在的更新站点，如http://download.eclipse.org/releases/
。 - Select
Web Pages Editor. - 选择网页编辑器。
For LeetEdit
- Update-Site
http://timpietrusky.github.com/lab/leetedit/update-site - 更新站点http://timpietrusky.github.com/lab/leetedit/update-site
- Select
LeetEdit - 选择LeetEdit
Now press Next and prepare to wait for eternity. (You can speed up this process by disabling Contact all update sites during install checkbox)
现在按下下一步，准备等待永恒。(您可以通过在安装复选框期间禁用联系所有更新站点来加快这个过程)
#2
1
To clarify the installation of the "Web Page Editor" which is actually called "JSF Tools - Web Page Editor" in the installation menu:
为了澄清“Web页面编辑器”的安装，该“Web页面编辑器”实际上在安装菜单中被称为“JSF工具- Web页面编辑器”:
Example for Eclipse Luna (try to use current eclipse version):
Eclipse Luna示例(尝试使用当前Eclipse版本):
-
Help => Install new Software => Enter update site http://download.eclipse.org/releases/luna
安装新软件=>进入更新站点http://download.eclipse.org/releases/luna
-
Go to category "Web, XML, Java EE and OSGi Enterprice Development"
进入类别“Web、XML、Java EE和OSGi Enterprice开发”
-
Select "JSF Tools - Web Page Editor"
选择“JSF工具- Web页面编辑器”
-
Also select "JSF Tools" (the icons of the palette wont work if you do not select this)
还要选择“JSF工具”(如果不选择此工具，面板的图标将不起作用)
You can skip the step with the category if you enter "Web Page Editor" in the search box.
如果在搜索框中输入“Web页面编辑器”，您可以跳过带有类别的步骤。
The Palette of the Eclipse Luna "JSF Tools -Web Page Editor" does not contain html5 elements.
Eclipse Luna“JSF工具-Web页面编辑器”的调色板不包含html5元素。
#3
-1
I had the same question when trying to go through some introductory applet exercises that required me to write an HTML file to display the applet I created using Eclipse. I resolved the issue by using Notepad++ to edit the HTML document, then I stored my HTML file in the bin directory of my Eclipse project. There is probably a more correct solution, but I was able to get the result that I was looking for: displaying my java applet (created in Eclipse) using a web browser.
我在尝试进行一些介绍applet练习时遇到了同样的问题，这需要我编写一个HTML文件来显示我使用Eclipse创建的applet。我通过使用Notepad++ +来编辑HTML文档解决了这个问题，然后将HTML文件存储在Eclipse项目的bin目录中。可能有一个更正确的解决方案，但是我能够得到我正在寻找的结果:使用web浏览器显示我的java applet(在Eclipse中创建)。
#4
-1
I successfully used richhtml4eclipse as the WYSIWYG editor for an internal software project - You get a dialog with native widgets for style buttons, etc, and a plain looking window for the HTML view.
我成功地使用了richhtml4eclipse作为一个内部软件项目的WYSIWYG编辑器——您可以得到一个带有用于样式按钮等的本地小部件的对话框，以及一个用于HTML视图的普通窗口。
I also applied some post-processing to the output with the Java version of HTML Tidy, but that was more for version-control consistency reasons.
我还使用Java版本的HTML Tidy对输出进行了一些后处理，但这更多是因为版本控制的一致性原因。
This is a native JFace container with an embedded Browser widget running a page with tiny_mce embedded.
这是一个本地的JFace容器，嵌入的浏览器小部件运行一个带有tiny_mce的页面。
It uses an older version of tiny_mce for it's internal HTML editor, and connects to it via an approach I've seen used elsewhere - passing events out to the native Java app via status bar changes, and accepting input via JavaScript calls on the Browser widget.
它使用旧版本的tiny_mce作为内部HTML编辑器，并通过我在其他地方看到的方法连接到它——通过状态栏更改将事件传递给本地Java应用程序，并通过浏览器小部件上的JavaScript调用接受输入。
#5
-1
aptana studio 3 (eclipse plugin)
aptana studio 3 (eclipse插件)
#1
41
Since this is currently (2011-10-25) at 2nd place in Google for a "Eclipse HTML WYSIWYG" query and the question linked by Rafa de Castro dont give a complete answer, I feel that this question needs an update.
因为这是目前(2011-10-25)在谷歌的第2位，因为“Eclipse HTML WYSIWYG”查询和Rafa de Castro联系的问题没有给出完整的答案，我觉得这个问题需要更新。
For now, the only available WYSIWYG tools for HTML I found are:
目前，我发现的唯一可用的用于HTML的WYSIWYG工具是:
- WTP JavaServer Faces contains a tool named Web Page Editor. Nice, free and also serves as a visual editor.
- WTP JavaServer Faces包含一个名为Web页面编辑器的工具。很好，免费，并作为一个视觉编辑器。
- JBoss Tools HTML Editor is also free, neat, has two preview modes, but provides only simplest visual editing functionality.
- JBoss工具HTML编辑器也是免费的，简洁，有两种预览模式，但只提供最简单的视觉编辑功能。
- Eclipse Visual Designer shipped with MyEclipse. It can even preview pages in IE/Firefox, but it has a huge disadvantage - it's a paid software. Looks awesome, but I didnt try it, so I can't say anything about quality.
- Eclipse Visual Designer附带了MyEclipse。它甚至可以在IE/Firefox中预览页面，但它有一个巨大的缺点——它是付费软件。看起来很棒，但是我没试过，所以我不能说质量的问题。
- LeetEdit is based on TinyMCE and provides enhanced visual editing functionality. It's free and you can fork it on github.
- LeetEdit基于TinyMCE，提供了增强的视觉编辑功能。它是免费的，你可以在github上付费。
A note about intsallation.
Installing something into Eclipse is a pain for a new user.
在Eclipse中安装某些东西对新用户来说是一件痛苦的事情。
So, if you want to install just an HTML editor from WTP or JBoss without installing the whole thing with it, you can do the following (steps are vadid at least for Eclipse 3.6 and 3.7.):
因此，如果您希望只安装WTP或JBoss的HTML编辑器，而不安装它的全部内容，您可以执行以下操作(至少对于Eclipse 3.6和3.7，步骤是vadid):
- Open Eclipse, select
Help / Install New Software. - 打开Eclipse，选择Help /安装新软件。
- In the
Work with:field input the update site address. - 在工作中:字段输入更新站点地址。
For JBoss Tools:
- Get the update site URL for the appropirate Eclipse version from here
- 从这里获取appropirate Eclipse版本的更新站点URL
- Select
JBoss Tool RichFaces. - 选择RichFaces JBoss工具。
For Web Pages Editor
- Use an already existing update site, that look like
http://download.eclipse.org/releases/<eclipse_version_name> -
使用已经存在的更新站点，如http://download.eclipse.org/releases/
。 - Select
Web Pages Editor. - 选择网页编辑器。
For LeetEdit
- Update-Site
http://timpietrusky.github.com/lab/leetedit/update-site - 更新站点http://timpietrusky.github.com/lab/leetedit/update-site
- Select
LeetEdit - 选择LeetEdit
Now press Next and prepare to wait for eternity. (You can speed up this process by disabling Contact all update sites during install checkbox)
现在按下下一步，准备等待永恒。(您可以通过在安装复选框期间禁用联系所有更新站点来加快这个过程)
#2
1
To clarify the installation of the "Web Page Editor" which is actually called "JSF Tools - Web Page Editor" in the installation menu:
为了澄清“Web页面编辑器”的安装，该“Web页面编辑器”实际上在安装菜单中被称为“JSF工具- Web页面编辑器”:
Example for Eclipse Luna (try to use current eclipse version):
Eclipse Luna示例(尝试使用当前Eclipse版本):
-
Help => Install new Software => Enter update site http://download.eclipse.org/releases/luna
安装新软件=>进入更新站点http://download.eclipse.org/releases/luna
-
Go to category "Web, XML, Java EE and OSGi Enterprice Development"
进入类别“Web、XML、Java EE和OSGi Enterprice开发”
-
Select "JSF Tools - Web Page Editor"
选择“JSF工具- Web页面编辑器”
-
Also select "JSF Tools" (the icons of the palette wont work if you do not select this)
还要选择“JSF工具”(如果不选择此工具，面板的图标将不起作用)
You can skip the step with the category if you enter "Web Page Editor" in the search box.
如果在搜索框中输入“Web页面编辑器”，您可以跳过带有类别的步骤。
The Palette of the Eclipse Luna "JSF Tools -Web Page Editor" does not contain html5 elements.
Eclipse Luna“JSF工具-Web页面编辑器”的调色板不包含html5元素。
#3
-1
I had the same question when trying to go through some introductory applet exercises that required me to write an HTML file to display the applet I created using Eclipse. I resolved the issue by using Notepad++ to edit the HTML document, then I stored my HTML file in the bin directory of my Eclipse project. There is probably a more correct solution, but I was able to get the result that I was looking for: displaying my java applet (created in Eclipse) using a web browser.
我在尝试进行一些介绍applet练习时遇到了同样的问题，这需要我编写一个HTML文件来显示我使用Eclipse创建的applet。我通过使用Notepad++ +来编辑HTML文档解决了这个问题，然后将HTML文件存储在Eclipse项目的bin目录中。可能有一个更正确的解决方案，但是我能够得到我正在寻找的结果:使用web浏览器显示我的java applet(在Eclipse中创建)。
#4
-1
I successfully used richhtml4eclipse as the WYSIWYG editor for an internal software project - You get a dialog with native widgets for style buttons, etc, and a plain looking window for the HTML view.
我成功地使用了richhtml4eclipse作为一个内部软件项目的WYSIWYG编辑器——您可以得到一个带有用于样式按钮等的本地小部件的对话框，以及一个用于HTML视图的普通窗口。
I also applied some post-processing to the output with the Java version of HTML Tidy, but that was more for version-control consistency reasons.
我还使用Java版本的HTML Tidy对输出进行了一些后处理，但这更多是因为版本控制的一致性原因。
This is a native JFace container with an embedded Browser widget running a page with tiny_mce embedded.
这是一个本地的JFace容器，嵌入的浏览器小部件运行一个带有tiny_mce的页面。
It uses an older version of tiny_mce for it's internal HTML editor, and connects to it via an approach I've seen used elsewhere - passing events out to the native Java app via status bar changes, and accepting input via JavaScript calls on the Browser widget.
它使用旧版本的tiny_mce作为内部HTML编辑器，并通过我在其他地方看到的方法连接到它——通过状态栏更改将事件传递给本地Java应用程序，并通过浏览器小部件上的JavaScript调用接受输入。
#5
-1
aptana studio 3 (eclipse plugin)
aptana studio 3 (eclipse插件)