网页编辑器组件（如何：自定义页面编辑工具栏组件）

本文目录

• 如何：自定义页面编辑工具栏组件
• 强悍的编辑器tui.editor，丰富的Web组件家族TOAST UI
• windowbuilder设计编辑器由什么组成
• 135编辑器怎么找公众号组件
• 简单配置web网页嵌入代码编辑器组件

如何：自定义页面编辑工具栏组件

本主题演示两种修改页面工具栏的方法。您可以：修改XML 数据源文件。创建一个自定义服务器控件，然后在控件中引用一个自定义 XML 文件。页面工具栏分为三个主要区域或 UI 控件。 UI 控件 说明页面状态栏提供有关页面当前版本的信息。示例包括版本信息和页面的状态。“页面”菜单可让用户执行发布版本、批准挂起的版本和签入页面以共享草稿等操作，以便与页面进行交互。快速访问按钮在给定页面状态和上下文的情况下提供最常用的操作。“页面”菜单和快速访问按钮均将数据源与 UI 控件相分离，而且您可以独立修改数据源和 UI 控件。修改XML 数据源文件EditingMenu.xml 和 QuickAccess.xml 文件分别是“页面”菜单和快速访问按钮的 XML 数据源。在 XML 文件中指定的数据源驱动着“页面”菜单上的菜单项的配置和行为，以及驱动着与快速访问按钮相关联的操作。在此示例中，我们创建一个替代 ConsoleAction 类的对象，并修改 CustomQuickAccess.xml 文件，以将一个新按钮添加到页面工具栏上。执行此过程之后，一个新按钮会出现在页面工具栏上，单击此按钮可为用户提供适当的权限，以取消另一个用户在指定页面上的“已签出”状态。 注意�0�2�0�2�0�2出于兼容性原因，请勿更改 EditingMenu.xml 和 QuickAccess.xml 文件的内容。若要自定义这些文件控制的操作和项目，请改为 CustomEditingMenu.xml 和 CustomQuickAccess.xml 文件，它们位于母版页样式库中的“菜单”文件夹下。 注意： 也可以将此处所述的自定义做法应用于快速访问按钮和网站操作菜单。创建可更改快速访问按钮的配置的自定义服务器控件打开Microsoft Visual Studio。在“文件”菜单上，单击“新建”，再单击“ASP.NET 网站”。创建新项目。复制下面的代码并粘贴到项目中的 .cs 文件。 using System; using System.Collections.Generic; using System.ComponentModel; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using Microsoft.SharePoint.Publishing; using Microsoft.SharePoint.Publishing.WebControls.EditingMenuActions; using Microsoft.SharePoint.Publishing.WebControls; using Microsoft.SharePoint; using Microsoft.SharePoint.Utilities; namespace PageEditingToolbarMenuItemControls { /// /// Adds to the Quick Access toolbar a button that checks in /// a document that is checked out by another user. /// public sealed class DiscardOtherUserCheckoutAction : ConsoleAction { /// /// This is the constructor of the specific ConsoleAction /// public DiscardOtherUserCheckoutAction() : base() { this.DisplayText = "Discard Other User’s Checkout"; } /// /// SPBasePermissions are required to use this Action. /// /// public override SPBasePermissions UserRights { get { return SPBasePermissions.CancelCheckout; } } /// /// Checks for the AuthoringStates required for the button to be enabled. /// /// public override AuthoringStates RequiredStates { get { return AuthoringStates.CheckedOutVersionExistsTrue | AuthoringStates.IsCheckedOutToCurrentUserFalse | AuthoringStates.IsDocLibListItemTrue; } } /// /// Defines the PostBack behavior when the URL for this control is clicked. /// /// public override void RaisePostBackEvent(string eventArgument) { if (eventArgument == DiscardOtherUserCheckoutAction.DiscardCheckOutPostBackEventArgument) { try { SPFile myFile = SPContext.Current.File; myFile.UndoCheckOut(); } catch (SPException e) { ConsoleNode actionsNode = new ConsoleNode(); ConsoleNode exitNoSaveNode = new ConsoleNode(actionsNode); exitNoSaveNode.Action = new ExitWithoutSavingAction(); exitNoSaveNode.Action.ID = "checkOutDiscardErrorActionExitNoSave"; actionsNode.ChildConsoleNodes.Add(exitNoSaveNode); this.ShowError(e, new ConsoleError(e.Message, actionsNode)); } finally { SPUtility.Redirect(SPContext.Current.ListItemServerRelativeUrl, SPRedirectFlags.Default, Context); } } } /// /// Specifies the URL for this Action. /// /// public override string NavigateUrl { get { return "javascript:" + Page.ClientScript.GetPostBackEventReference(this, DiscardOtherUserCheckoutAction.DiscardCheckOutPostBackEventArgument); } } private const string DiscardCheckOutPostBackEventArgument = "discardUserCheckout"; } } 保存更改。将项目作为新程序集生成，向全局程序集缓存注册该程序集，然后在 web.config 文件中添加一个新的 条目，此条目对应于该程序集和自定义控件 (PageEditingToolbarMenuItemControls) 的命名空间。重新启动 Internet Information Services (IIS)。导航到 \Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\LAYOUTS\EditingMenu 文件夹。复制并粘贴 QuickAccess.xml 文件，然后将副本重命名为 CustomQuickAccess.xml。CustomQuickAccess.xml 并用以下标记替换它的内容： ///The following tag must refer to the assembly you created ///and compiled in step 3. 保存并关闭 CustomQuickAccess.xml。创建自定义服务器控件和引用 XML 文件可以通过编程方式扩展 CustomEditingMenu.xml 文件的内容，并替代在其父 EditingMenu.xml 文件中包含的设置。以下过程中包含的标记包含了 CustomEditingMenu.xml 文件的示例代码，此代码将一个新的 Links 菜单（带有两个新项）以及一个 View Pages 库和一个 View Master Page 库添加到“页面”菜单。可以通过创建自定义 Web 服务器控件来修改“页面”菜单和快速访问按钮。下面的代码示例演示如何创建自定义服务器控件，以将已签出的文档还原为签入状态。可以更改页面工具栏或快速访问按钮的 UI 配置，方法是直接修改 XML 数据源或编写和部署自定义服务器控件。但是，如果自定义 XML 数据源，并且正在运行自定义服务器控件，则自定义服务器控件始终优先并因而替代 XML 数据源。修改XML 数据源并更改页面工具栏 UI 配置打开XML 器。导航到 \Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\LAYOUTS\EditingMenu folder.复制并粘贴 EditingMenu.xml 和 QuickAccess.xml 文件以创建副本。将副本重命名为 CustomEditingMenu.xml 和 CustomQuickAccess.xml。复制以下代码并粘贴到 CustomEditingMenu.xml 和 CustomQuickAccess.xml 文件中。 修改示例代码中的关键元素。下表列出了示例 XML 文件中的关键元素和属性的示例。 标记 说明References包含ConsoleNode 部分中的程序集引用。可以将自定义操作的程序集添加到菜单中。 注意： 在代码示例中， 标记是可选的。如果要支持本地化，则将此参数设置为 True。此外， 标记在出现时必须带有与您当前使用的应用程序内部版本相匹配的 PublicKeyToken 属性。ConsoleNode包含“页面”菜单的菜单项。每个菜单可以包含 DisplayText 属性、UserRights 属性、RequiredRightsMode 属性和 PermissionContext 枚举（菜单在此枚举中可见）。菜单可以是一个映射到程序集中的服务器控件的操作，也可以是一个 URL。也可以通过指定现有的节点 ID 来替换或删除现有的条目。Structure指示菜单结构。使用布尔表达式来配置可选的位掩码属性。每个 ConsoleNode 都具有两个可选的位掩码属性，您可以通过设置它们来控制各种条件，例如 ConsoleNode 在什么时候和位置显示给用户。 类型 属性名 说明上下文RequiredStates 在启用或禁用节点之前必需的页面或模式状态。状态的示例包括 InEditModeTrue、InEditModeFalse 和IsCheckedOutToCurrentUserTrue。用户权限UserRights负责根据 Windows SharePoint Services 权限修整对 ConsoleNode 的访问权。示例布尔表达式 UserRights="BrowseDirectories|ManageLists 为用户提供用于访问 ConsoleNode 的BrowseDirectories 或ManageLists 权限。

强悍的编辑器tui.editor，丰富的Web组件家族TOAST UI

TOAST UI Editor是一个所见即所得的开源器，GFM标准+图表和UML可扩展。它是我目前见过的功能最强大的开源MarkDown器，具备强悍的生产力能力以及丰富的扩展性功能，总之就是一个字——强！

Github：

官网：

API/Demo

支持主流的浏览器

CommonMark是当今的Markdown标准，GWF则是由github风味的另一个标准。

CommonMark+GFM虽然已经很不错，但我们经常需要更多的抽象。TUSUI器具有强大的扩展，符合Markdown语法。还可以灵活地使用简单的api开发自己的扩展。

TUSUI器提供MarkDown模式和所见即所得模式。取决于你想要的使用类型，TUSUI器可能对这两种用法都有帮助。它提供了Markdown模式和WYSIWYG模式，可以在任何时候切换。

I18n：

英语，荷兰语，韩语，日语，汉语，西班牙语，德语，俄语，法语，乌克兰语，土耳其语，芬兰语，捷克语，阿拉伯语，波兰语，加利西亚语，瑞典语+你自己扩展的语言。

Viewer：

使用扩展呈现Markdown内容

由于用法很丰富，具体的请看官网文档API

既然介绍了TOAST UI Editor，那么也顺带了解下TOAST UI，TOAST UI Editor只是TOAST UI的一部分，对TOAST UI 感兴趣的可以看看，下面简单看下截图

本文主要介绍的是TOAST UI Editor，但是TOAST UI也是非常值得试一试的，组件丰富，功能完善，兼容性好，我相信，当你使用了它，你会喜欢的！希望对你有所帮助！

windowbuilder设计编辑器由什么组成

WindowBuilder功能主要由以下几个用户界面组件组成：
设计视图，主要的可视化布局区域。
源代码视图，用于编写代码及查看自动生成的代码。
结构视图，由组件树和属性面板组成。
组件树，显示所有组件间的层次关系。
属性面板，显示选中组件的属性和事件。
面板，快速访问特定工具箱中的组件。
工具条，访问常用命令。
右键菜单，访问常用命令。
WindowBuilder是一个功能强大且易于使用的双向Java界面设计器，它使创建Java界面应用程序变得非常容易，不用将大量时间用在在简单界面的编码上。有了WindowBuilder，可以在几分钟内创建复杂的界面。使用可视化设计器，可以自动生成Java代码、用拖拽轻松地添加控件、向控件添加事件处理程序、用属性器更改控件属性、应用程序国际化等等。

135编辑器怎么找公众号组件

135器找公众号组件可以直接搜索组件名称或组件ID使用即可。135器主页点击个人中心的授权公众号进入公众号后点击微信授权新的公众号使用公众平台绑定的管理员个人微信号扫二维码授权做完这三步，授权工作基本完成了，可以在下面两个页面中，查看相关授权信息。135器个人中心的公众号中微信公众平台添加功能插件的授权管理，单方面有授权信息，要注意，取消授权，按照流程重新授权一遍，授权成功，就可以使用135器的同步功能了，在电脑上，还是手机APP上，同步到群发，根本不用打开微信后台，图文排版完成后，点击保存文章，填好标题摘要封面等信息，勾选同步的公众号，点击保存文章即可，点击左侧文章，选择多图文同步，调整多图文位置，完成同步。

简单配置web网页嵌入代码编辑器组件

1、导入插件

2、Api使用链接
[ 3、引包