浏览代码

Docs: Allowed different placeholder text values across editor roots in the multiple roots example (and guide).

Aleksander Nowodzinski 6 年之前
父节点
当前提交
276bb95560
共有 2 个文件被更改,包括 14 次插入4 次删除
  1. 7 2
      docs/_snippets/examples/multi-root-editor.js
  2. 7 2
      docs/framework/guides/custom-editor-creator.md

+ 7 - 2
docs/_snippets/examples/multi-root-editor.js

@@ -308,7 +308,7 @@ class MultirootEditorUI extends EditorUI {
 			const editingRoot = editingView.document.getRoot( editable.name );
 			const sourceElement = this.getEditableElement( editable.name );
 
-			const placeholderText = editor.config.get( 'placeholder' ) ||
+			const placeholderText = editor.config.get( 'placeholder' )[ editable.name ] ||
 				sourceElement && sourceElement.tagName.toLowerCase() === 'textarea' && sourceElement.getAttribute( 'placeholder' );
 
 			if ( placeholderText ) {
@@ -411,7 +411,12 @@ MultirootEditor
 				'mergeTableCells'
 			]
 		},
-		placeholder: 'Type your text here...',
+		placeholder: {
+			header: 'Header text goes here',
+			content: 'Type content here',
+			footerleft: 'Left footer content',
+			footerright: 'Right footer content'
+		},
 		cloudServices: CS_CONFIG
 	} )
 	.then( newEditor => {

+ 7 - 2
docs/framework/guides/custom-editor-creator.md

@@ -300,7 +300,7 @@ class MultirootEditorUI extends EditorUI {
 			const editingRoot = editingView.document.getRoot( editable.name );
 			const sourceElement = this.getEditableElement( editable.name );
 
-			const placeholderText = editor.config.get( 'placeholder' ) ||
+			const placeholderText = editor.config.get( 'placeholder' )[ editable.name ] ||
 				sourceElement && sourceElement.tagName.toLowerCase() === 'textarea' && sourceElement.getAttribute( 'placeholder' );
 
 			if ( placeholderText ) {
@@ -461,7 +461,12 @@ MultirootEditor
 				'mergeTableCells'
 			]
 		},
-		placeholder: 'Type your text here...'
+		placeholder: {
+			header: 'Header text goes here',
+			content: 'Type content here',
+			footerleft: 'Left footer content',
+			footerright: 'Right footer content'
+		},
 	} )
 	.then( newEditor => {
 		document.querySelector( '#toolbar' ).appendChild( newEditor.ui.view.toolbar.element );