Forum Pasja Informatyki - Najnowsze z tagiem ckeditor

Użycie dwóch wersji CKEditor na jednej stronie

Wed, 10 Jan 2024 21:34:45 +0000

Cześć. W Vue.js mam dwa modal w których używam ckeditor. Problem w tym że oba edytory są w innej wersji co przekazuję na pomocą editor-url

<ckeditor @ready="onEditorReady" value="Treść" :editor-url="`/ckeditor-message/ckeditor.js`" v-model="data.message" :config="editorConfig"></ckeditor>

<ckeditor value="Treść" placeholder="Napisz coś ..."
                      :editor-url="`/ckeditor/ckeditor.js`"
                      :config="editorConfig"
                      @ready="onEditorReady"
                      v-model="data.message">
            </ckeditor>

problem polega na tym że jest jakiś konflikt pomiędzy nimi i po otwarciu jednego modal w drugim pojawia się wersja edytora z tego pierwszego i odwrotnie. Istnieje sposób na rozwiązanie tego problemu?

CKEditor - jak uzyskać liczbę znaków ze spacjami

Wed, 07 Dec 2022 21:07:59 +0000

Cześć,

jak mogę uzyskać prawidłową liczbę znaków ze spacjami?

Potrzebuję aby wyświetlało się to cały czas jednak kiedy robię to w standardowy sposób liczy również tagi html a w przypadku spacji

&nbsp;

Vue.js + CKEditor - wykonanie akcji po naciśnięciu enter

Wed, 16 Nov 2022 08:11:27 +0000

Cześć, czy jest możliwość i jeśli tak to jak :) skonfigurować ckeditor 4 dla Vue.js w taki sposób aby naciśnięcie Enter wykonało daną akcję natomiast shift+enter przechodziło do nowej linii a nie tak jak jest domyślnie że enter przechodzi o do nowej linii?

CkEditor Laravel Przesyłanie obrazów

Mon, 18 Jan 2021 20:59:29 +0000

Cześć, integruję CkEditor z Laravel, wszystko jest ok poza przesyłaniem obrazów. Oto mój kod zapisu obrazu

public function upload(Request $request)
    {
        if ($request->hasFile('upload')) {
            $originName = $request->file('upload')->getClientOriginalName();
            $fileName = pathinfo($originName, PATHINFO_FILENAME);
            $extension = $request->file('upload')->getClientOriginalExtension();
            $fileName = $fileName.'_'.time().'.'.$extension;

            $request->file('upload')->move(public_path('images'), $fileName);

            $url = asset('images/'.$fileName);

            @header('Content-type: text/html; charset=utf-8');
            return response()->json(['fileName' => $fileName, 'uploaded' => 1, 'url' => $url]);

        }
    }

zwracam odpowiedź json, plik się zapisuje, pojawia się komunikat o poprawnie przesłany obrazie natomiast do bazy trafia taki link do zdjęcia blob:http://localhost:8000/95babddc-49da-4c68-b292-16c8656942e7 czyli tak jakby link tymczasowy. Co muszę zmienić?

Tagi html z ckeditor są wyświetlane jako tekst

Sun, 11 Oct 2020 12:50:38 +0000

Witam. Stworzyłem prosty system dodawania komentarzy z ckeditorem, dodaje on tagi html do bazy danych. Niestety gdy chcę wyświetlić treść komentarza na stronie to wyświetla się on wraz z tagami. Jak to naprawić? Dodam, że korzystam z laravela.

Symfony problem z instalacja ckeditor

Thu, 09 Jul 2020 06:09:14 +0000

Cześć.

Mam problem z instalacją boundle dla symfony. Nie wiem co robię źle ? Ale instaluje nowy projekt symony 5.1, Następnie instaluje :

composer require egeloen/ckeditor-bundle

I dostaje taki od razu błąd :

composer require egeloen/ckeditor-bundle
Using version ^6.0 for egeloen/ckeditor-bundle
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
Restricting packages listed in "symfony/symfony" to "5.1.*"
Your requirements could not be resolved to an installable set of packages.

  Problem 1
    - egeloen/ckeditor-bundle 6.0.1 requires symfony/dependency-injection ^2.7|^3.0 -> no matching package found.
    - egeloen/ckeditor-bundle 6.0.0 requires symfony/dependency-injection ^2.7|^3.0 -> no matching package found.
    - Installation request for egeloen/ckeditor-bundle ^6.0 -> satisfiable by egeloen/ckeditor-bundle[6.0.0, 6.0.1].

Potential causes:
 - A typo in the package name
 - The package is not available in a stable-enough version according to your minimum-stability setting
   see <https://getcomposer.org/doc/04-schema.md#minimum-stability> for more details.
 - It's a private package and you forgot to add a custom repository to find it

Read <https://getcomposer.org/doc/articles/troubleshooting.md> for further common problems.

Installation failed, reverting ./composer.json to its original content.

Czy ktoś wie jak można zainstalować ten ckeditor ?

Filtrowanie html entities w twig/ckeditor

Sun, 24 May 2020 16:17:49 +0000

Hej

Robię stronę w symfony z easyadmin, na frontendzie mam twig.
Korzystam z "fosckeditor". Wrzucając jakąś treść przez ckeditor i korzystając z html'a mój kod jest zmieniany mniej więcej w ten sposób:

Przed wrzuceniem:

<h1>Hello World!</h1>

Przy wyświetlaniu z bazy:

&LT;H2&GT Hello World! &LT;/H2&GT;

***Edit 18:59 - 24.05.20***

Dodatkowo ckeditor automatycznie zapisuje i wyświetla mi tekst zamykając kod z powyżej w ten sposób:

<p><h1>Hello World!</h1></p>

***EDIT END***

Dodanie w twig filtrowania {{ text | raw }}:

<p>&LT;H2&GT Hello World! &LT;/H2&GT;</p>

albo {{ text | e }}:

&LT;P&GT;&AMP;LT;H2&AMP;GT; Hello World! &AMP;LT;/H2&AMP;GT;&LT;/P&GT;

Moje ustawienia fos_ckeditor.yaml:

fos_ck_editor:
  configs:
    config:
      entities: false
      basicEntities: false;
     # toolbar: []

Za wszelką pomoc będę bardzo wdzięczny. Jeśli sam coś znajdę, również tutaj napiszę.

Moja wersja Symfony: 5.0.8

Moja wersja PHP: 7.4.6

"symfony/twig-pack": "@stable",
 "easycorp/easyadmin-bundle": "^2.3",
"friendsofsymfony/ckeditor-bundle": "^2.2"

Pozdrawiam,

azez

React CKEditor4 edycja kodu

Sun, 16 Jun 2019 21:25:12 +0000

Witam!
Czy integrował ktoś z Was w React plugin do CKEditora4 Code Snippet ? Link: https://ckeditor.com/cke4/addon/codesnippet

Ewentualnie zna ktoś inną paczkę aby uzyskać taki efekt? Z podaną paczką mam taki problem że w trakcie edycji w CKEditorze mam dobrze pokolorowaną składnię kodu ale przy wyświetleniu poza CKEditorem jest już inaczej ponieważ wyświetla się jako zwykły tekst. Wyświetlam tekst jako

<span dangerouslySetInnerHTML={{__html: props.element.content}}/>

Ale w niczym to nie pomaga. O ile sam się domyślam to nie są zaimportowane klasy css na stronie na której wyświetla się treść z CKEditora. Dokumentacja https://ckeditor.com/docs/ckeditor4/latest/guide/dev_codesnippet.html podaje że powinienem zaimportować pliki:

<link href="ckeditor/plugins/codesnippet/lib/highlight/styles/default.css" rel="stylesheet">
<script src="ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script>

Więc import pliku default.css dodaję w sekcji head a pliku highlight.pack.js na końcu sekcji body. Ale co w przypadku linijki

<script>hljs.initHighlightingOnLoad();</script>

Dodając to na końcu sekcji body nic nie da ponieważ w Reacie ma mam przy przechodzeniu na podstrony przeładowania całej zawartości htmla. Próbowałem dodać powyższą linijkę zaraz po wyświetleniu tekstu jako

(<script>hljs.initHighlightingOnLoad();</script>)

w funkcji render() w komponencie lecz bezskutecznie. Czy ktoś może spotkał się z takim problemem?

CKEditor upload zdjęc

Mon, 20 Aug 2018 13:26:31 +0000

Witam!

Czy używając CKEditora https://symfony.com/doc/master/bundles/FOSCKEditorBundle/index.html aby wysłać zdjęcia muszę pisać własny uploader ? Czy jest jakiś gotowy bundle ? Rozumiem że pisząc własny uploader muszę podać url do zapisu zdjęć i do tego url'a poprzez AJAX trafia zdjęcie, ale co muszę zwrócić z akcji kontrolera aby powiadomić CKEditor że zdjęcie zostało zapisane ?

Użycie Ckeditor w Vue.js

Sat, 11 Aug 2018 15:13:22 +0000

Witam, w jaki sposób użyć Ckeditor w aplikacji Vue.js?

Próbowałem na kilka różnych sposobów m.in kierując się tym https://github.com/dangvanthanh/vue-ckeditor2 jednak nic nie działa.

Chciałbym mieć możliwość wykorzystania większości funkcji jakie oferuje ckeditor w tym możliwość uploadu obrazów

Laravel CKEditor UniSharp

Tue, 31 Jul 2018 21:03:42 +0000

Witam!

Czy owy edytor tekstu jest godny polecenia ? Podobno jest najbardziej wspierany i mogę w nim wyłączyć np. dodawanie zdjęć oraz edytować parametry pod względem których będzie edytowany tekst. Czy to jest prawda ?

https://github.com/UniSharp/laravel-ckeditor

Symfony/Lavarel CKEditor darmowy do 5 użytkowników ? Alternatywy ?

Sun, 22 Jul 2018 11:56:27 +0000

Witam!

Czy taki CKEditor do symfony/laravela jest płatny ? Na stronie Symfony nigdzie nie zauważyłem inforamacji o ewentualnej płatności.

https://symfony.com/doc/master/bundles/FOSCKEditorBundle/index.html

Ale na stronie https://ckeditor.com/ jest już wyraźnie napisane o płatności. Czy edytor podany z dokumentacji Symfony jest tym samym z linku poniżej ?

Darmowy jest do 5 użytkowników ale na jakiej podstawie liczy się te 5 użytkowników ? Jest to liczba stron na której jest użyty edytor ? Jak to jest rozpoznawane po domenie ? Z danej domeny może załadować się tylko 5 użytkownikom którzy wejdą na daną stronę ? Wejdzie 6 użytkownik w tym samym czasie i co jemu się nie załaduje edytor ? Załaduje się dopiero wtedy jak jakiś poprzedni użytkownik wyłączy stronę ?

What are monthly active users?

Total number of unique users in your company (in case of internal application) or in ALL the companies that are your customers (in case of OEM/SaaS solution) that access CKEditor at least once in a month.

Cytat z: https://ckeditor.com/ckeditor-5/pricing/?users-qtty=5

Nie rozumiem działania określania tych darmowych użytkowników.

Ewentualnie darmowe alternatywy >

ckeditor nie wysyła

Sat, 07 Jul 2018 21:11:19 +0000

Cześć. Miał ktoś taki problem, że ckeditor wysyłał normalnie dane do bazy, jeśli się po prostu wpisywało sam tekst, ale za to przy modyfikacjach z kolorem, font-weightem czy zwiększaniu czcionki wysyłał do bazy pusty textarea?

Czym to może być spowodowane?

symfony ckeditor

Wed, 04 Jul 2018 11:16:10 +0000

Cześć, mam w symfony 3.4 i mam dodany ckeditor. Na localhoście normalnie działa, a wrzuciłem na serwer wszystko działa, oprócz tego edytora. Zamiast niego mam pole textarea. Dodam, że przed wrzuceniem czyściłem cache w konsoli. W czym może być problem?

ckeditor 5, dodawanie dodatkowych opcji

Mon, 07 May 2018 00:04:31 +0000

Witam, w jaki sposób dodać więcej opcji, w sumie wszystkie opcje, do ckeditor 5? Należy do pobrać i doinstalować czy można pobrać już gotową paczkę i zainstalować edytor od nowa?

CKEditor używanie

Wed, 21 Mar 2018 11:57:03 +0000

Witam mam do was pytanie. Chce użyć CKEditor na swojej stronie do publikowania wpisów. Wpisy umieszczać będzie kilka osób. Czy do tego co planuje mogę używać CKEditor na licencji Open Source czy muszę wykupić Licencję komercyjną? Jeżeli można i użyję na licencji Open Source to znaczy że wszędzie muszę wklejać dołączony plik z licencja czy coś jeszcze? Z góry dzięki za pomoc :)

KCFinder & CKeditor integration

Thu, 08 Mar 2018 17:01:55 +0000

Witam! Postanowiłem zaimplementować do mojego CkEditora KCFinder i cóż... Na Localu działa świetnie, ale gdy wrzucam go na hosta i próbuję zuploadować plik pojawia mi się takie coś

CKEditor - pierwsze użycie

Sat, 10 Feb 2018 19:45:16 +0000

Witam, chciałbym na jednej zakładce na stronie zamiast zwykłej textarea umieścić edytor w którym będzie można formatować treść przed dodanie do bazy. Myślę że dość dobry może być CKEditor. Dodałem tagi

<script src="https://cdn.ckeditor.com/ckeditor5/1.0.0-alpha.2/classic/ckeditor.js"></script>

jednak nie wiem jak go użyć żeby zmieniło textarea na ten edytor

Złożone artykuły w bazie danych

Fri, 01 Sep 2017 09:14:39 +0000

Dzień dobry.

Chciałem się dowiedzieć jak przechowywać w bazie danych złożone artykuły (tekst, zdjęcia, może jakaś tabelka) tworzone w CKEditor. Jak je przetworzyć w skrypcie php oraz jaki typ danych wybrać w bazie danych.

ckeeditor problem z sourcearea i sourcedialog

Mon, 22 May 2017 17:22:39 +0000

Hej, nie radzę sobie z właściwym podpięciem tych pluginów, a obecny kod bez nich jednak nie spełnia mojego celu, aby zapisywany tekst na stronie zmieniał treść części pliku html. I na odwrót, oczywiście.

Pomocy:)

index.php

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title>cke ed</title>
    
    <script src="ckeditor/ckeditor.js"></script>
	
</head>

<body>
    <?php
    $text = "Strona do edycji";
    if((isset($_POST['editor']))&&(!empty($_POST['editor']))){
        $text = $_POST['editor'];
    }
    ?>  
    
    <form action="" method="post">
        <textarea class="ckeditor" name="editor"><?="$text"?></textarea>
          
        <input type="submit" name="zapisz" value="Zapisz">
    </form>
      
    <article>
         <?="$text"?>
    </article>
</body>
</html>

config.js z folderu ckeditor

/**
 * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function( config ) {
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';
    config.extraPlugins = 'sourcearea';
};

CKEDITOR.editorConfig = function( config ) {
     config.extraPlugins = 'sourcedialog';
};

plugin.js z folderu sourcearea

/**
 * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or http://ckeditor.com/license
 */

/**
 * @fileOverview The Source Editing Area plugin. It registers the "source" editing
 *		mode, which displays raw  HTML data being edited in the editor.
 */

( function() {
	CKEDITOR.plugins.add( 'sourcearea', {
		// jscs:disable maximumLineLength
		lang: 'af,ar,az,bg,bn,bs,ca,cs,cy,da,de,de-ch,el,en,en-au,en-ca,en-gb,eo,es,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,id,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,oc,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%
		// jscs:enable maximumLineLength
		icons: 'source,source-rtl', // %REMOVE_LINE_CORE%
		hidpi: true, // %REMOVE_LINE_CORE%
		init: function( editor ) {
			// Source mode in inline editors is only available through the "sourcedialog" plugin.
			if ( editor.elementMode == CKEDITOR.ELEMENT_MODE_INLINE )
				return;

			var sourcearea = CKEDITOR.plugins.sourcearea;

			editor.addMode( 'source', function( callback ) {
				var contentsSpace = editor.ui.space( 'contents' ),
					textarea = contentsSpace.getDocument().createElement( 'textarea' );

				textarea.setStyles(
					CKEDITOR.tools.extend( {
						// IE7 has overflow the <textarea> from wrapping table cell.
						width: CKEDITOR.env.ie7Compat ? '99%' : '100%',
						height: '100%',
						resize: 'none',
						outline: 'none',
						'text-align': 'left'
					},
					CKEDITOR.tools.cssVendorPrefix( 'tab-size', editor.config.sourceAreaTabSize || 4 ) ) );

				// Make sure that source code is always displayed LTR,
				// regardless of editor language (#10105).
				textarea.setAttribute( 'dir', 'ltr' );

				textarea.addClass( 'cke_source' ).addClass( 'cke_reset' ).addClass( 'cke_enable_context_menu' );

				editor.ui.space( 'contents' ).append( textarea );

				var editable = editor.editable( new sourceEditable( editor, textarea ) );

				// Fill the textarea with the current editor data.
				editable.setData( editor.getData( 1 ) );

				// Having to make <textarea> fixed sized to conquer the following bugs:
				// 1. The textarea height/width='100%' doesn't constraint to the 'td' in IE6/7.
				// 2. Unexpected vertical-scrolling behavior happens whenever focus is moving out of editor
				// if text content within it has overflowed. (#4762)
				if ( CKEDITOR.env.ie ) {
					editable.attachListener( editor, 'resize', onResize, editable );
					editable.attachListener( CKEDITOR.document.getWindow(), 'resize', onResize, editable );
					CKEDITOR.tools.setTimeout( onResize, 0, editable );
				}

				editor.fire( 'ariaWidget', this );

				callback();
			} );

			editor.addCommand( 'source', sourcearea.commands.source );

			if ( editor.ui.addButton ) {
				editor.ui.addButton( 'Source', {
					label: editor.lang.sourcearea.toolbar,
					command: 'source',
					toolbar: 'mode,10'
				} );
			}

			editor.on( 'mode', function() {
				editor.getCommand( 'source' ).setState( editor.mode == 'source' ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF );
			} );

			var needsFocusHack = CKEDITOR.env.ie && CKEDITOR.env.version == 9;

			function onResize() {
				// We have to do something with focus on IE9, because if sourcearea had focus
				// before being resized, the caret ends somewhere in the editor UI (#11839).
				var wasActive = needsFocusHack && this.equals( CKEDITOR.document.getActive() );

				// Holder rectange size is stretched by textarea,
				// so hide it just for a moment.
				this.hide();
				this.setStyle( 'height', this.getParent().$.clientHeight + 'px' );
				this.setStyle( 'width', this.getParent().$.clientWidth + 'px' );
				// When we have proper holder size, show textarea again.
				this.show();

				if ( wasActive )
					this.focus();
			}
		}
	} );

	var sourceEditable = CKEDITOR.tools.createClass( {
		base: CKEDITOR.editable,
		proto: {
			setData: function( data ) {
				this.setValue( data );
				this.status = 'ready';
				this.editor.fire( 'dataReady' );
			},

			getData: function() {
				return this.getValue();
			},

			// Insertions are not supported in source editable.
			insertHtml: function() {},
			insertElement: function() {},
			insertText: function() {},

			// Read-only support for textarea.
			setReadOnly: function( isReadOnly ) {
				this[ ( isReadOnly ? 'set' : 'remove' ) + 'Attribute' ]( 'readOnly', 'readonly' );
			},

			detach: function() {
				sourceEditable.baseProto.detach.call( this );
				this.clearCustomData();
				this.remove();
			}
		}
	} );
} )();

CKEDITOR.plugins.sourcearea = {
	commands: {
		source: {
			modes: { wysiwyg: 1, source: 1 },
			editorFocus: false,
			readOnly: 1,
			exec: function( editor ) {
				if ( editor.mode == 'wysiwyg' )
					editor.fire( 'saveSnapshot' );
				editor.getCommand( 'source' ).setState( CKEDITOR.TRISTATE_DISABLED );
				editor.setMode( editor.mode == 'source' ? 'wysiwyg' : 'source' );
			},

			canUndo: false
		}
	}
};

/**
 * Controls the `tab-size` CSS property of the source editing area. Use it to set the width
 * of the tab character in the source view. Enter an integer to denote the number of spaces
 * that the tab will contain.
 *
 * **Note:** Works only with {@link #dataIndentationChars}
 * set to `'\t'`. Please consider that not all browsers support the `tab-size` CSS
 * property yet.
 *
 *		// Set tab-size to 10 characters.
 *		config.sourceAreaTabSize = 10;
 *
 * @cfg {Number} [sourceAreaTabSize=4]
 * @member CKEDITOR.config
 * @see CKEDITOR.config#dataIndentationChars
 */

        editor.ui.addButton( 'sourcearea', {
            label: 'Insert sourcearea',
            command: 'insertsourcearea',
            toolbar: 'insert'
        });
    }
});

plugn.js z folderu sourcedialog

/**
 * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or http://ckeditor.com/license
 */

CKEDITOR.plugins.add( 'sourcedialog', {
	// jscs:disable maximumLineLength
	lang: 'af,ar,az,bg,bn,bs,ca,cs,cy,da,de,de-ch,el,en,en-au,en-ca,en-gb,eo,es,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,id,is,it,ja,ka,km,ko,ku,lt,lv,mn,ms,nb,nl,no,oc,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%
	// jscs:enable maximumLineLength
	icons: 'sourcedialog,sourcedialog-rtl', // %REMOVE_LINE_CORE%
	hidpi: true, // %REMOVE_LINE_CORE%

	init: function( editor ) {
		// Register the "source" command, which simply opens the "source" dialog.
		editor.addCommand( 'sourcedialog', new CKEDITOR.dialogCommand( 'sourcedialog' ) );

		// Register the "source" dialog.
		CKEDITOR.dialog.add( 'sourcedialog', this.path + 'dialogs/sourcedialog.js' );

		// If the toolbar is available, create the "Source" button.
		if ( editor.ui.addButton ) {
			editor.ui.addButton( 'Sourcedialog', {
				label: editor.lang.sourcedialog.toolbar,
				command: 'sourcedialog',
				toolbar: 'mode,10'
			} );
		}
	}
} );

Wiem że hardkorowe, za poratowanie prześlę hajsik na browarka:)

Bezpieczoństwo bazy danych przy odbieraniu danych z kodem HTML

Mon, 22 May 2017 13:22:40 +0000

Moje pytanie brzmi: Jak przetworzyć kod HTML, aby bezpiecznie umieścić go w bazie danych, jeśli użytkownik używając CKeditora i używając BBcode wysyła je do skryptu php w postaci HTML

Treść z ckeeditor w

Sun, 21 May 2017 15:29:51 +0000

Cześć, od paru godzin szukam sposobu na taki efekt, aby po otworzeniu strony w przeglądarce treść w oknie tekstowym ckeeditor była taka sama jak w znacznikach article, oraz aby po zapisaniu treści w editorze zmieniała się odpowiednio treść z article.

Czyli na przykład w <article>xyz</article> i wtedy w oknie edytora już to jest, a po zmianie na np qwerty następuje zmiana między znacznikami article.

Można coś takiego uzyskać?

index.php

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title>cke ed</title>
    
    <script src="ckeditor/ckeditor.js"></script>
	
</head>

<body>
    
    <form action="" method="post">
        <textarea class="ckeditor" name="editor"></textarea>

        <input type="submit" name="zapisz" value="Zapisz">
    </form>
    
    <article>
        
    </article>
        
</body>
</html>

<?php
    if(isset($_POST['editor']))
    {
    $text = $_POST['editor'];
    }
?>

Ckeditor upload file

Sun, 30 Apr 2017 17:38:01 +0000

Witam, "bawię się" ckeditorem i dałem sobie ten plugi http://ckeditor.com/addon/uploadfile który umożliwia dodawnia zdjęć poprzez przeciągniecie. Ale nie ma nigdzie wyjaśnione jak to dalej obsłużyć, ktoś wyjaśni ? Wyskakuje tylko

Domyślam się ze to trzeba obsłużyć po stronie php, na co wskazuje znaleziony przezemnie kawałek kodu

CKEDITOR.replace('editor1', {
    filebrowserBrowseUrl : '/browser/browse/type/all',
    filebrowserUploadUrl : '/browser/upload/type/all',
    filebrowserImageBrowseUrl : '/browser/browse/type/image',
    filebrowserImageUploadUrl : '/browser/upload/type/image'
});

ale mimo to nie działa :(

Ckeditor bundle

Fri, 17 Mar 2017 17:44:55 +0000

Witam, mam zainstalowanego ckeditora jak bundle i dodanego w taki o to sposób

            ->add('content', CKEditorType::class, [
                'config' => array('toolbar' => 'full'),
            ])

I chciał bym bardzo móc dodawać zdjęcia, albo przeciągając je na pole ckeditora albo jak jest na tym forum (w przycisku "obrazek" jest opcja "wyślij", A u mnie nie ma ani tej opcji, ani nie da się przeciągnąć. Proszę o pomoc :D

EasyadminBundle i Ckeditor

Fri, 17 Mar 2017 09:44:55 +0000

Witam, zainstalowałem w moim projekcie

"javiereguiluz/easyadmin-bundle"
"egeloen/ckeditor-bundle"

i teraz przy konfiguracji easyadmina dodałem type="ckeditor" i bardzo ładnie wyświetlił mi się on, ale są tam tylko

(zdj z neta a u mnie wygląda tak samo)

i teraz bardo bym chciał dodać kolejne funkcje (szczególnie na dodawaniu zdj mi zależy) Ale ponieważ jest to dodane w easyadmin a nie gdzieś po prostu w projekcie normalnie, nie wiem za bardzo gdzie co zmienić, ktoś wie? ktoś pomoże? z góry dziękuje za pomoc :)

W jakich technologiach jest napisany CKEditor?

Sun, 12 Feb 2017 21:12:23 +0000

W jakich technologiach jest napisany CKEditor? Liczę na wypowiedź Comandeera, ponieważ z tego co mi wiadomo On pomagał go pisać.

Bootstrap a ckeditor

Wed, 01 Feb 2017 13:56:08 +0000

Witam, mam pytanie. Na mojej stronie posiadam ckeditor i teraz używam go do dodawania postów jak i również edycji. Ale edytowane posty zostały utworzone za nim dodałem ckediotr. Użyty w nich jest bootstrap. Teraz jak pobieram dany post z bazy danych, aby móc go edytować ten się wyświetla bez bootstrapa. Jest jakaś możliwość za includowania bootstrapa do ckeditora, aby ten wyświetlał te posty normalnie ?

Edycja posta w postaci kodu HTML

Sat, 21 Jan 2017 20:33:00 +0000

Witam,

od pewnego czasu mam problem, tzn. jako moderator moim obowiązkiem jest poprawianie treści umieszczanych na forum, ale nie mogę zdzierżyć jednej z pomyłek, tzn. gdy treść pytania jest umieszczona razem z kodem w ramce do koloryzowania składni. Wtedy muszę wycinać całą treść, a potem sukcesywnie składać ją do kupy, kopiując oddzielnie elementy i ustawiając im odpowiednie formatowanie.

Niby nic strasznego, tylko trochę więcej roboty, ale zauważyłem, że gdy edytor CKEditor się "ładuje", to wyświetla reprezentację treści w postaci kodu HTML, tzn. ze specjalnym znacznikiem pre definiującym obszar ramki na kod. Najśmieszniejsze jest to, że przez moment można ten kod modyfikować, no ale ścigać się z edytorem nie mam zamiaru i wolałbym posiadać nieco więcej czasu do namysłu.

Moje pytanie więc brzmi następująco… Czy można jakkolwiek, w ludzkich warunkach, edytować kod HTML, który składa się na treść pytania/komentarza? Ułatwiłoby to w znacznym stopniu pracę administracji forum.

Za wszelkie odpowiedzi będę niezmiernie wdzięczny.

Pozdrawiam