README

这个tinyMCE 3.x插件允许对HTML5 <summary> <details> 标签进行丰富编辑；让您能够轻松地创建、编辑和删除摘要标签。它还允许（通过可选设置）在摘要标签中使用图标。避免了双重嵌入、富文本格式错误和标签汤等问题。

安装

如果您使用SilverStripe，可以通过composer安装此模块：composer require otago/summarydetails。

非SilverStripe tinyMCE用户可以下载存档并本地复制文件。然后您需要编辑 ssdetails/tinymce_ssdetails/details.htm 并将 tiny_mce_popup.js & editor_plugin_src.js 指向您的tinyMCE位置。

之后，您需要告诉SilverStripe加载这些文件，通过向您的 _config.php 添加以下内容

		->enablePlugins(array('ssdetails' => '../../../summarydetails/javascript/tinymce_ssdetails/editor_plugin_src.js'))
		->addButtonsToLine(3, 'ssdetails', 'ssremovedetails')
		->setOptions(array(
			'details_icons_class' =>
			// an array of icons to use for the summary tags. [classname, class title],[...etc]
			// an optional third value can be used for the summary class
			// the first array item must be unique
			'[icon-Plus,icon-Plus],' .
			'[icon-Plus smallerPlusMinusIcon, icon-Plus indent],' .
			'[icon-Plus2, icon-Plus 2],' .
			'[icon-Plus2 smallerPlusMinusIcon, icon-Plus 2 indent ]'
		));

注意自定义的details_icons_class选项，您可能希望将其留空或修改为您的本地图标集。

再次提醒，非SilverStripe用户将需要手动加载插件并将按钮添加到一行中。

用法

您的TinyMCE实例应该增加了两个图标，一个是修改，一个是删除按钮

点击添加详情图标将在底部插入一个新的。
选择文本然后点击添加详情按钮将填充摘要文本。
选择现有的详情标签将编辑所选标签。
选择现有的详情标签并点击删除按钮将删除详情标签。

otago / summarydetails

维护者

详情

README

安装

用法