Test CKEditor - Versionsgeschichte

Nugman um 16:40, 28. Okt. 2023

2023-10-28T16:40:50Z

← Nächstältere Version		Version vom 16:40, 28. Okt. 2023
Zeile 1:		Zeile 1:
-	'''Sample-Implementation'''~~<br>~~	+	'''Sample-Implementation: Classic-Version'''<br>
-	<br>	+
	<html>		<html>
	<style>		<style>

2023-10-25T19:14:48Z

← Nächstältere Version		Version vom 19:14, 25. Okt. 2023
Zeile 24:		Zeile 24:
	.then( newEditor => { editor = newEditor; } )		.then( newEditor => { editor = newEditor; } )
	.catch( error => { console.error( error ); } );		.catch( error => { console.error( error ); } );
-	function BtnGetDataOnClick(e)	+	function BtnGetDataOnClick(e) {
	const editorData = editor.getData();		const editorData = editor.getData();
	document.getElementById('CKData').innerHTML = editorData;		document.getElementById('CKData').innerHTML = editorData;

2023-10-25T19:14:33Z

← Nächstältere Version		Version vom 19:14, 25. Okt. 2023
Zeile 22:		Zeile 22:
	ClassicEditor		ClassicEditor
	.create( document.querySelector( '#editor' ) )		.create( document.querySelector( '#editor' ) )
-	.catch( error => {	+	.then( newEditor => { editor = newEditor; } )
-	console.error( error );	+	.catch( error => { console.error( error ); } );
-	} );	+	function BtnGetDataOnClick(e)
-	~~ClassicEditor.builtinPlugins.map~~( ~~plugin~~ =~~> plugin~~.~~pluginName~~ );	+	const editorData = editor.getData();
		+	document.getElementById('CKData').innerHTML = editorData;
		+	}
	</script>		</script>
		+	<button id="CKGetData" type="button" onclick="BtnGetDataOnClick(this)">GetData</button><br>
		+	<div id="CKData">...</div>
	</html>		</html>

2023-10-25T18:56:47Z

← Nächstältere Version		Version vom 18:56, 25. Okt. 2023
Zeile 25:		Zeile 25:
	console.error( error );		console.error( error );
	} );		} );
		+	ClassicEditor.builtinPlugins.map( plugin => plugin.pluginName );
	</script>		</script>
	</html>		</html>

2023-10-25T18:49:23Z

2023-10-25T18:05:13Z

2023-10-25T18:04:19Z

← Nächstältere Version		Version vom 18:04, 25. Okt. 2023
Zeile 1:		Zeile 1:
	'''Sample-Implementation'''<br>		'''Sample-Implementation'''<br>
	<br>		<br>
-	<html>	+	<html><!--
	<style>		<style>
	#container {		#container {
Zeile 21:		Zeile 21:
	<script>		<script>
	ClassicEditor		ClassicEditor
-	.create( document.querySelector( '#editor' ),	+	.create( document.querySelector( '#editor' ) )
-	)	+
	.catch( error => {		.catch( error => {
	console.error( error );		console.error( error );
	} );		} );
	</script>		</script>
-	</html>	+	--></html>
	<br>		<br>
	'''Super-Build'''<br>		'''Super-Build'''<br>

2023-10-25T18:02:16Z

2023-10-25T18:00:50Z

← Nächstältere Version		Version vom 18:00, 25. Okt. 2023
Zeile 1:		Zeile 1:
		+	'''Sample-Implementation'''<br>
		+	<br>
	<html>		<html>
	<style>		<style>
Zeile 19:		Zeile 21:
	<script>		<script>
	ClassicEditor		ClassicEditor
-	.create( document.querySelector( '#editor' ) )	+	.create( document.querySelector( '#editor' ),
		+	)
	.catch( error => {		.catch( error => {
	console.error( error );		console.error( error );

2023-10-25T17:58:26Z

← Nächstältere Version		Version vom 17:58, 25. Okt. 2023
Zeile 1:		Zeile 1:
	<html>		<html>
-	<~~div~~ style="min-height:200px" id="editor"></div>	+	<style>
		+	#container {
		+	width: 1000px;
		+	margin: 20px auto;
		+	}
		+	.ck-editor__editable[role="textbox"] {
		+	/* editing area */
		+	min-height: 200px;
		+	}
		+	.ck-content .image {
		+	/* block images */
		+	max-width: 80%;
		+	margin: 20px auto;
		+	}
		+	</style>
		+	<div id="editor"></div>
	<script src="https://cdn.ckeditor.com/ckeditor5/40.0.0/classic/ckeditor.js"></script>		<script src="https://cdn.ckeditor.com/ckeditor5/40.0.0/classic/ckeditor.js"></script>
	<script>		<script>