CMS 内容编辑器/查看器

Question

我们的一位用户决定他们需要能够编辑我们主网站上的内容部分，我被赋予了实现它的任务。底层模型是页面中的一个或多个 div 的内容将从 CMS 填充。

为了交付内容，我使用观察者模型来交付内容，效果很好。该页面包含（至少）3个服务器控件；数据提供者（CMS）、控制者（主体）和容器（观察者）。该容器将包含两个内容面板（编辑或查看）之一，这些面板将根据从控制器推送的数据适当地在屏幕上呈现。

但是，现在我需要能够在编辑器和查看器面板之间切换（以便可以预览更改），并且能够将编辑的内容发布到数据提供程序 (CMS)，但我在回发时不断丢失编辑的内容。我尝试重写“SaveViewState”方法，但由于内容面板是在预渲染期间创建的（因为它取决于 ViewState 属性），因此控件集合始终显示之前创建的对象（即，当编辑面板为如图所示，控件集合中的对象是预览面板）。

我不想因为性能问题而让两个控件都渲染；我正在考虑创建一个第三级组件（可能是隐藏字段）来存储编辑后的文本，但希望这里的人可能有更好的想法如何构建它？

Answer 1

最好的选择是让编辑器成为一个单独的页面——将它们集中在一起会带来很多挑战，还有一点危险（你怎么知道公众无法编辑它）并产生长期维护问题。

Answer 2

看来你帮助了我，我可以提出一个建议：

如果用户具有正确的用户级别，则在页面上拥有正常视图和编辑视图。

在普通视图下有一个名为“编辑”的按钮，在编辑视图下有一个名为“预览”的按钮。

当单击预览按钮时：

$(".previewbutt").live("click",function(){ code to update database and update div content });

上面的代码应该用于首先提交表单，

$.ajax({async:false, url:'',data:});

然后再次调用以获取内容，更新正常显示的div，将editordiv设置为隐藏，

 $('.normalview').show('slow');
 $('.editor').hide('slow');

将会有一个简短的动画，但会覆盖所有基础。

只是一个想法/选择