VB.NET：所见即所得页面制作器教程
我有一门课程作业，我必须在 VB.NET (2010) 中制作一个（尽可能先进的）所见即所得网页编辑器。它应该有一个可视化编辑器，支持锚点、图像、表格等多个元素的拖放，并且应该基于该结构生成 HTML。
我不知道从哪里开始。我对 vb.net 有一些经验，我按照教程模糊地制作了一个选项卡式记事本，但我不知道如何在 Richtextbox 中制作这个拖放的东西。
我搜索了一个教程，但大多数都太简单了 - 带有浏览器控件的文本编辑器渲染 HTML..我发现一个非常好的和先进的，但它是德语的 :-|
因此，如果有人知道我可以用来开始做事的任何资源/教程，我将不胜感激。
I have a course work for which I have to make a (as advanced as possible) WYSIWYG web page editor in VB.NET (2010). It should have a visual editor with drag-drop support for several elements such as anchors, images, tables etc., and it should generate HTML based on that structure.
I don't know where to begin though.. I have some experience with vb.net, I made a tabbed notepad vaguely following a tutorial, but I don't know how to make this drag-drop thingy in a richtextbox.
I've searched for a tutorial, but most of them are just too simple - a text editor with browser control rendering the HTML.. I found one really nice and advanced, but it's in german :-|
So, if anyone knows any resources / tutorials I could use to start things I'll appreciate it.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
我不会从 Richtextbox 开始。你想在WPF还是Forms中实现它（我推荐WPF）？
在 WPF 中，元素的拖放行为相对简单（请参阅 http: //msdn.microsoft.com/en-en/library/ms742859.aspx）。
我将从一些简单的元素（例如文本框）开始，然后将它们从某种工具箱拖放到具有固定列和行的网格上（然后使用画布）。然后从中生成 HTML 代码。
I won't start with a richtextbox. Do you want to realize it in WPF or Forms (I would recommend WPF)?
In WPF there is relative simple a Drag-And-Drop behavior for elements (see http://msdn.microsoft.com/en-en/library/ms742859.aspx).
I would start with some simple elements (e.g. TextBoxes) and drag-drop them from some sort of toolbox onto a grid with fixed columns and rows (and later use a canvas). And then generate the HTML-Code from that.
一般来说，大多数基于所见即所得浏览器的编辑器都是使用可编辑 DIV 用 Javascript 编写的。
一个很好的例子是tinymce：
http://www.tinymce.com/
下载，包括完整的源代码，是此处提供：
http://www.tinymce.com/download/download.php
In general, most of the WYSIWYG browser based editors are written in Javascript using an editable DIV.
A good example is tinymce:
http://www.tinymce.com/
Download, including full source code, is available here:
http://www.tinymce.com/download/download.php
您可以使用 CKEditor。它是我合作过的最好的所见即所得编辑器之一。其高度可定制和开源。
下面给出的是该网站的 URL：
http://ckeditor.com/
You can use CKEditor. Its one of the best WYSIWYG editor i have worked with. Its highly customizable and opensource.
Given below is the URL for the website:
http://ckeditor.com/