Gesucht... WYSIWYG Editor

lupopa · May 21st 2016

Huhu,

ich suche schon seit geraumer Zeit einen WYSIWYG Editor für den ACP Bereich, ggf auch gern für's Forum Wbb 4.1...
Bin ich blind oder ist da keiner im Store? Oder gibt es gar einen im ACP der nur deaktiviert ist?

Bin für jeden Tipp Dankbar...

Grüße Lupo

T1N0 · May 21st 2016

Wenn Du selbst Entwickelst kann ich Dir nur diesen Tipp geben:

https://github.com/codeQuake/WYSIWYG-ACP

Ansonsten bringt es Dir nichts.

lupopa · May 21st 2016

Selbst entwickeln, nein.

also gibt es nicht wirklich einen Editor für's ACP?

Im alten hab ich glaube mit dem CK-Editor gearbeitet...

T1N0 · May 21st 2016

Ja den gibt es. Aber nur wenn die Entwickler der Plugins/Endanwendungen ihn integrieren. Am besten immer dort beim Entwickler nachsehen ob sowas geplant ist oder als Vorschlag einreichen beim jeweiligen Entwickler.

Fendo · May 21st 2016

Quote from lupopa

also gibt es nicht wirklich einen Editor für's ACP?

Im Standardumfang nicht.

Tino hat dir aber ein entsprechendes Plugin verlinkt.

gn5VmUKCtv6ekrMf · May 21st 2016

Mal anders gefragt: Wofür und wo genau hättest du gerne einen WYSIWYG-Editor?

ArnoEdwin · May 21st 2016

Quote from lupopa

Selbst entwickeln, nein.

also gibt es nicht wirklich einen Editor für's ACP?

Im alten hab ich glaube mit dem CK-Editor gearbeitet...

Hallo @lupopa , ich Glaube, ich habe da etwas für Dich, und Hoffe das ich es Dir auch Richtig Erklären kann!
Schau bitte mal in den

Display Spoiler

Wenn Du das Paket "com.mobahner.wcf.customPages.2.0.1_RC2.tar.gz" Installiert hast,
in das [wcf 2.1 / wbb 4.1], funktioniert der Editor leider nicht "Sofort".
Wie auch schon beim Portal muss eine [.tpl Datei] ausgetauscht werden.
Bitte alte ".tpl-Datei" im Verzeichniss [wcf/acp/templates] sichern.
und die Gesicherte, [customPageWysiwyg.tpl] gegen die Datei im Anhang Austauschen.

Die beigefuegte Datei [customPageWysiwyg.tpl]
bitte ins Verzeichniss [//wcf/acp/templates/] einfuegen.
Die Orginaldatei bitte Vorher als [customPageWysiwyg__org.tpl]
im gleichen Verzeichniss Sichern!

Code: customPageWysiwyg.tpl

<script data-relocate="true">
var __REDACTOR_ICON_PATH = '{@$__wcf->getPath()}icon/';
var __REDACTOR_BUTTONS = [ {implode from=$__wcf->getBBCodeHandler()->getButtonBBCodes() item=__bbcode}{ icon: '{$__bbcode->wysiwygIcon}', label: '{$__bbcode->buttonLabel|language}', name: '{$__bbcode->bbcodeTag}' }{/implode} ];
var __REDACTOR_SMILIES = { {implode from=$__wcf->getSmileyCache()->getCategorySmilies() item=smiley}'{@$smiley->smileyCode|encodeJS}': '{@$smiley->getURL()|encodeJS}'{/implode} };
var __REDACTOR_SOURCE_BBCODES = [ {implode from=$__wcf->getBBCodeHandler()->getSourceBBCodes() item=__bbcode}'{@$__bbcode->bbcodeTag}'{/implode} ];
var __REDACTOR_CODE_HIGHLIGHTERS = { {implode from=$__wcf->getBBCodeHandler()->getHighlighters() item=__highlighter}'{@$__highlighter}': '{lang}wcf.bbcode.code.{@$__highlighter}.title{/lang}'{/implode} };
</script>
<script data-relocate="true">
$(function() {
	WCF.Language.addObject({
		'wcf.attachment.dragAndDrop.dropHere': '{lang}wcf.attachment.dragAndDrop.dropHere{/lang}',
		'wcf.attachment.dragAndDrop.dropNow': '{lang}wcf.attachment.dragAndDrop.dropNow{/lang}',
		'wcf.bbcode.button.fontColor': '{lang}wcf.bbcode.button.fontColor{/lang}',
		'wcf.bbcode.button.fontFamily': '{lang}wcf.bbcode.button.fontFamily{/lang}',
		'wcf.bbcode.button.fontSize': '{lang}wcf.bbcode.button.fontSize{/lang}',
		'wcf.bbcode.button.image': '{lang}wcf.bbcode.button.image{/lang}',
		'wcf.bbcode.button.redo': '{lang}wcf.bbcode.button.redo{/lang}',
		'wcf.bbcode.button.subscript': '{lang}wcf.bbcode.button.subscript{/lang}',
		'wcf.bbcode.button.superscript': '{lang}wcf.bbcode.button.superscript{/lang}',
		'wcf.bbcode.button.toggleBBCode': '{lang}wcf.bbcode.button.toggleBBCode{/lang}',
		'wcf.bbcode.button.toggleHTML': '{lang}wcf.bbcode.button.toggleHTML{/lang}',
		'wcf.bbcode.button.undo': '{lang}wcf.bbcode.button.undo{/lang}',
		'wcf.bbcode.code': '{lang}wcf.bbcode.code{/lang}',
		'wcf.bbcode.code.edit': '{lang}wcf.bbcode.code.edit{/lang}',
		'wcf.bbcode.code.filename': '{lang}wcf.bbcode.code.filename{/lang}',
		'wcf.bbcode.code.filename.description': '{lang}wcf.bbcode.code.filename.description{/lang}',
		'wcf.bbcode.code.highlighter': '{lang}wcf.bbcode.code.highlighter{/lang}',
		'wcf.bbcode.code.highlighter.description': '{lang}wcf.bbcode.code.highlighter.description{/lang}',
		'wcf.bbcode.code.highlighter.none': '{lang}wcf.bbcode.code.highlighter.none{/lang}',
		'wcf.bbcode.code.insert': '{lang}wcf.bbcode.code.insert{/lang}',
		'wcf.bbcode.code.lineNumber': '{lang}wcf.bbcode.code.lineNumber{/lang}',
		'wcf.bbcode.code.lineNumber.description': '{lang}wcf.bbcode.code.lineNumber.description{/lang}',
		'wcf.bbcode.code.settings': '{lang}wcf.bbcode.code.settings{/lang}',
		'wcf.bbcode.quote.edit': '{lang}wcf.bbcode.quote.edit{/lang}',
		'wcf.bbcode.quote.edit.author': '{lang}wcf.bbcode.quote.edit.author{/lang}',
		'wcf.bbcode.quote.edit.link': '{lang}wcf.bbcode.quote.edit.link{/lang}',
		'wcf.bbcode.quote.insert': '{lang}wcf.bbcode.quote.insert{/lang}',
		'wcf.bbcode.quote.title.clickToSet': '{lang}wcf.bbcode.quote.title.clickToSet{/lang}',
		'wcf.bbcode.quote.title.javascript': '{lang}wcf.bbcode.quote.title.javascript{/lang}',
		'wcf.global.noSelection': '{lang}wcf.global.noSelection{/lang}',
		'wcf.message.autosave.prompt': '{lang}wcf.message.autosave.prompt{/lang}',
		'wcf.message.autosave.prompt.confirm': '{lang}wcf.message.autosave.prompt.confirm{/lang}',
		'wcf.message.autosave.prompt.discard': '{lang}wcf.message.autosave.prompt.discard{/lang}',
		'wcf.message.autosave.restored': '{lang}wcf.message.autosave.restored{/lang}',
		'wcf.message.autosave.restored.confirm': '{lang}wcf.message.autosave.restored.confirm{/lang}',
		'wcf.message.autosave.restored.revert': '{lang}wcf.message.autosave.restored.revert{/lang}',
		'wcf.message.autosave.restored.revert.confirmMessage': '{lang}wcf.message.autosave.restored.revert.confirmMessage{/lang}',
		'wcf.message.autosave.restored.version': '{lang __literal=true}wcf.message.autosave.restored.version{/lang}',
		'wcf.message.autosave.saved': '{lang}wcf.message.autosave.saved{/lang}'
	});

	var $editorName = '{if $wysiwygSelector|isset}{$wysiwygSelector|encodeJS}{else}text{/if}';
	var $callbackIdentifier = 'Redactor_' + $editorName;

	WCF.System.Dependency.Manager.setup($callbackIdentifier, function() {
		var $textarea = $('#' + $editorName);
		var $buttons = [ ];

		$buttons.push('html');




$buttons.push('separator');




{if $__wcf->getBBCodeHandler()->isAvailableBBCode('b')}
	$buttons.push('bold');
{/if}
{if $__wcf->getBBCodeHandler()->isAvailableBBCode('i')}
	$buttons.push('italic');
{/if}
{if $__wcf->getBBCodeHandler()->isAvailableBBCode('u')}
	$buttons.push('underline');
{/if}




if ($buttons.length) {
	$buttons.push('separator');
}




{if $__wcf->getBBCodeHandler()->isAvailableBBCode('s')}
	$buttons.push('deleted');
{/if}
{if $__wcf->getBBCodeHandler()->isAvailableBBCode('sub')}
	$buttons.push('subscript');
{/if}
{if $__wcf->getBBCodeHandler()->isAvailableBBCode('sup')}
	$buttons.push('superscript');
{/if}




if ($buttons.length && $buttons[$buttons.length -1] != 'separator') {
	$buttons.push('separator');
}




{if $__wcf->getBBCodeHandler()->isAvailableBBCode('list')}
	$buttons.push('orderedlist');
	$buttons.push('unorderedlist');
	$buttons.push('outdent');
	$buttons.push('indent');
{/if}
{if $__wcf->getBBCodeHandler()->isAvailableBBCode('align')}
	$buttons.push('alignment');
{/if}




if ($buttons.length && $buttons[$buttons.length -1] != 'separator') {
	$buttons.push('separator');
}




{if $__wcf->getBBCodeHandler()->isAvailableBBCode('font')}
	$buttons.push('fontfamily');
{/if}
{if $__wcf->getBBCodeHandler()->isAvailableBBCode('size')}
	$buttons.push('fontsize');
{/if}
{if $__wcf->getBBCodeHandler()->isAvailableBBCode('color')}
	$buttons.push('fontcolor');
{/if}




if ($buttons.length && $buttons[$buttons.length -1] != 'separator') {
	$buttons.push('separator');
}




{if $__wcf->getBBCodeHandler()->isAvailableBBCode('url')}
	$buttons.push('link');
{/if}
{if $__wcf->getBBCodeHandler()->isAvailableBBCode('img')}
	$buttons.push('image');
{/if}
{if $__wcf->getBBCodeHandler()->isAvailableBBCode('table')}
	$buttons.push('table');
{/if}




if ($buttons.length && $buttons[$buttons.length -1] != 'separator') {
	$buttons.push('separator');
}

		var $autosave = $textarea.data('autosave');
		var $autosaveLastEditTime = ($autosave && $textarea.data('autosaveLastEditTime')) ? (parseInt($textarea.data('autosaveLastEditTime')) || 0) : 0;
		var $autosavePrompt = ($autosave && $textarea.data('autosavePrompt')) ? true : false;
		var $config = {
			autosave: false,
			buttons: $buttons,
			convertImageLinks: false,
			convertUrlLinks: false,
			convertVideoLinks: false,
			direction: '{lang}wcf.global.pageDirection{/lang}',
			lang: '{@$__wcf->getLanguage()->getFixedLanguageCode()}',
			maxHeight: 500,
			minHeight: 200,
			plugins: [ 'wutil', 'wmonkeypatch', 'table', 'wbutton', 'wbbcode', 'wfontcolor', 'wfontfamily', 'wfontsize', 'wupload' ],
			removeEmpty: false,
			replaceDivs: false,
			source: true,
			tabifier: false,
			toolbarFixed: false,
			woltlab: {
				autosave: {
					active: ($autosave) ? true : false,
					key: ($autosave) ? '{@$__wcf->getAutosavePrefix()}_' + $autosave : '',
					lastEditTime: $autosaveLastEditTime,
					prefix: '{@$__wcf->getAutosavePrefix()}',
					prompt: $autosavePrompt,
					saveOnInit: {if !$errorField|empty}true{else}false{/if}
				},
				originalValue: $textarea.val()
			}
		};

		if ($.browser.iOS) {
			// using a zero-width space breaks iOS' detection of the start of a sentence, causing the first word to be lowercased
			$config.emptyHtml = '<p><br></p>';
		}

		{if MODULE_ATTACHMENT && !$attachmentHandler|empty && $attachmentHandler->canUpload()}
			$config.plugins.push('wupload');
			$config.woltlab.attachmentUrl = '{link controller='Attachment' id=987654321}{/link}';
			$config.woltlab.attachmentThumbnailUrl = '{link controller='Attachment' id=987654321}thumbnail=1{/link}';
		{/if}

		{event name='javascriptInit'}

		// clear textarea before init
		$textarea.val('');

		$textarea.redactor($config);
	});

	head.load([
		'{@$__wcf->getPath()}js/3rdParty/redactor/redactor{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@LAST_UPDATE_TIME}',
		{if $__wcf->getLanguage()->getFixedLanguageCode() != 'en'}'{@$__wcf->getPath()}js/3rdParty/redactor/languages/{@$__wcf->getLanguage()->getFixedLanguageCode()}.js?v={@LAST_UPDATE_TIME}',{/if}
		{if !ENABLE_DEBUG_MODE}
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/wcombined.min.js?v={@LAST_UPDATE_TIME}'
		{else}
			{* official *}
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/table.js?v={@LAST_UPDATE_TIME}',

			{* WoltLab *}
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/wbbcode.js?v={@LAST_UPDATE_TIME}',
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/wbutton.js?v={@LAST_UPDATE_TIME}',
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/wfontcolor.js?v={@LAST_UPDATE_TIME}',
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/wfontfamily.js?v={@LAST_UPDATE_TIME}',
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/wfontsize.js?v={@LAST_UPDATE_TIME}',
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/wmonkeypatch.js?v={@LAST_UPDATE_TIME}',
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/wutil.js?v={@LAST_UPDATE_TIME}',
			'{@$__wcf->getPath()}js/3rdParty/redactor/plugins/wupload.js?v={@LAST_UPDATE_TIME}'
		{/if}
		{event name='javascriptFiles'}
	], function() {
		WCF.System.Dependency.Manager.invoke($callbackIdentifier);
	});
});
</script>

Display More

Hoffe Damit ein wenig Geholfen zu Haben.

lupopa · May 21st 2016

Wofür ich den brauche?
z.B. für die Custompages, oder Custompage für das Dashboard ... wenn ich die Fülle, würd ich das gern in TPL Form eintragen und nicht in HTML...

@ArnoEdwin, vielen Dank dafür, schaue ich mir demnächst mal an.

Danke Euch, für Eure Tipps...

Black Rider · May 22nd 2016

Das ist nicht ganz trivial, denn letztlich muss ja auch das Feld, in das du dann etwas über den Editor eingibst, auch BBCodes verarbeiten können. Das ist standardmäßig nur bei den wenigsten der Fall und erfordert daher Eingriffe des jeweiligen Plugin-Autors.

Fabi_995 · May 22nd 2016

Ist eigentlich im wcf 2.2 der wysiwyg Editor im acp dabei?

T1N0 · May 22nd 2016

Ein Abgeschlossener nicht geplanter Vorschlag: WYSIWYG Editor im ACP

Und ein noch offener Vorschlag dazu: WYSIWYG im ACP

gn5VmUKCtv6ekrMf · May 22nd 2016

Quote from Fabi_995

Ist eigentlich im wcf 2.2 der wysiwyg Editor im acp dabei?

https://github.com/WoltLab/WCF…acp/templates/wysiwyg.tpl
https://github.com/WoltLab/WCF…plates/wysiwygToolbar.tpl

Scheint so.

Gesucht... WYSIWYG Editor

Participate now!

Share

Tags