真正傻瓜式web编辑器架构的架构是怎样的?

优采云 发布时间: 2021-05-30 18:50

  真正傻瓜式web编辑器架构的架构是怎样的?

  最近,我正在研究和开发在线 Web 编辑器架构。这是一个真正的傻瓜式网页编辑器,可以在正常浏览下进行编辑。经测试,对于一般网页使用非常方便。操作方便、简单。

  尽管一般的在线Web编辑器提供可视化操作,但它们只能用于编辑动态内容,例如内容文章。对于那些非常复杂的内容发布系统的页面模板,它们基本上是没有用的。的。大多数系统也很难让专业人员操作。对于非专业人士,根本无法操作。非专业人士想管理个人网站,比如比较简单的个人博客,想修改模板或者模板。部分内容,一般人做不到,只能发文章,连换博客名都很难搞定。为什么不能直接在页面上修改?不久前我突然想到了这个想法,因此我开始研究和开发它,发现它对于通用系统或支持系统是可行且非常实用的。下面以测试系统为例进行简单介绍。下面是项目的创建vs. 有页面的页面是用我设计的在线编辑器框架添加的,以后再编辑。

  我的frame被封装成一个控件,引用很简单,在页面上添加就行了,比如我的项目引用如下:

  或者页面相关程序中的新对象

  protected void Page_Load(object sender, EventArgs e)

  {

  new OnLineWebEditor();

  }

  以上都可以加载这个框架。以下是原页面的样子。

  

  在正常浏览情况下,点击要修改的区域,会变成这个界面:

  

  进入该界面后,可以直接修改或输入文字内容。保存后浏览和编辑时一样,也可以打开源码进行编辑:

  

  

  上面是编辑表格区域,实际上区域就像

  看起来像这样:

  

  编辑完成后,一路点击“完成”保存或取消。

  

  上面编辑的效果和编辑后浏览下面的效果一样

  

  也可以这样

  

  保存后

  

  和编辑时看到的一模一样,可以真正看到可用的模式。

  也可以点击编辑区的边框,在显示如下小方块时进行拖拽,如下表

  

  由于框架还没有完成,所以还有很*敏*感*词*没有做出来,比如编辑框上的“样式”。此样式用于编辑所选编辑区域的样式。可以编辑边框、背景等,还支持插入图片、设置背景图片等,完成后可以实现各种功能。

  有了这个编辑框架网站,系统的管理会和现在流行的系统有很大的不同。我已经构思了几种解决方案,并打算开发一个超简单的小型 网站 系统。编辑会变得非常简单笨拙,让小学生也能轻松上手,但网站的页面设计却可以反复更改。

  ps:

  感谢您的留言。我发现大多数人不了解我的编辑器和当前流行的编辑器之间的区别。要么和主流编辑器对比,要么和系统对比。大多数人可能不会。注意这个可以用来编辑动态页面,是在浏览页面的时候编辑的。据说已经过时了。事实上,目前还没有完整的解决方案。如果要比较的话,我觉得这个和webparts功能比较比较靠谱,也就是可以边浏览边编辑页面内容。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线