Форма редактирования: Ckeditor и cleditor

[Victor_winner 2]

Форумчане, на сайте мы можем воспользоваться двумя формами. Первая - cleditor, вторая ckeditor. Проблема в том, что

первая умеет  - вставлять форматированный текст (из Word), но не имеет функционала второй

вторая умеет - умеет вставлять картинки, загружая с компа, но не имеет функционал первой. В ckedtor форматирование постоянно слетает, когда приходится переключаться между cleditor и ckeditor, да в принципе исходное форматирование Word не сохраняется. Файл confyg,php в ckeditor настаивал, чем добился загрузку картинок. Может ещё есть какие-то настройки для ckeditor.

Короче, нужен редактор, который без багов будет вставлять форматированный текст. Если у меня у одного такая проблема, то напишите, как настраивали редактор.

[Дмитрий Кондин 690]

Под ваши требования я бы вам посоветовал тогда более продвинутый редактор, например Dreamweaver.

В Dreamweaver можно подготавливать HTML текст с нужной разметкой, копируя его из ворда, А потом HTML оттуда копировать на сайт.

[XTRO 154]

разметку из word? вы шутите?

Word - текстовой процессор, имея свои стили оформления содержимого, в большЕм смысле никакого отношения не имеет к html

Наоборот, эту его родную разметку надо вычищать в корне.

[TopRaN 235]

разметку из word? вы шутите?

Word - текстовой процессор, имея свои стили оформления содержимого, в большЕм смысле никакого отношения не имеет к html

Наоборот, эту его родную разметку надо вычищать в корне.

вы наверное не правильно поняли. сам текст вы делаете в ворде. после переносите в дримку.

[XTRO 154]

сам текст вы делаете в ворде. после переносите в дримку.

1) и зачем тогда ворд. если сразу можно в дриме?

2) и в вашем случае всё равно тогда в дриме будете очищать форматирование ворда через Команды->Исправить html-word.

3) любой визивиг редактор справляется со сложной разметкой (если она и нужна), а оформление всё равно должно быть в css.

[Георгий 1]

мой алгоритм такой:

1. сайт http://www.annaweb.msk.ru/ckeditor/_samples/replacebyclass.html
2. картинки через ftp, пути копипастим
3. вставляем, куда надо
4. готовый код юзаем

[XTRO 154]

 

мой алгоритм такой:

у каждого свой метод а если сервер онлайн-редактора стух, то можно пить пиво? 

имхо, надо работу упрощать и пользоваться встроенными фичами. Тем более что, над сайтом бывает работают ещё и другие модераторы , которым я бы никогда не дал ftp.

 

 

1. сайт http://www.annaweb.msk.ru/ckeditor/_samples/replacebyclass.html

и я бы добавил cursor: pointer; для callme_viewform

[Георгий 1]

работаем над тем, что есть. По идее с картинками работать надо админу - заливать страницы с общей инфой, а для других целей - заливка объяв такоай навороченный редактор и не нужен.

 

Вот как бы раздвинуть поле редактора, ладно не редактировать в нем, но что бы хоть видеть общий вид... Вот как это сделать, где в css подправить? 

[XTRO 154]

окно редакторов тянется за правый нижний угол, css тут не причём.

[abushyk 694]

Вот как бы раздвинуть поле редактора, ладно не редактировать в нем, но что бы хоть видеть общий вид... Вот как это сделать, где в css подправить? 

 

Для teatarea_editor под cleditor'ом для управления шириной возможно использование параметра width=ширина_в_пикселях_без_указания_размерности.

Для textarea допустимы параметры rows и cols как для обычного элемента текстовой области html-разметки

[Георгий 1]

спасибо, только не понял, где это меняется, пояснте, пожалуйста, 

[abushyk 694]

Админка - Редактор Форм. Для каждой модели жоступен список полей-свойств. Если вібрать любое свойство на редактирование, то блоиже к концу есть поле Параметры.

Параметры указываются - в первом поле имя параметра, во втором - значение.

[Георгий 1]

я зашел в редактор фом, а далее я не понимаю, куда зайти, чтобы выполнить задачк, поясните, пожалуйста, 

[abushyk 694]

Разворачиваете нужную модель, в вашем случае data (кликом по названию модели)

[Георгий 1]

спасибо, или я тупой или что-то еще.

 

• http://prntscr.com/4mpxl1 - meta_title (а также на всякий случай в meta_descr...)

не работает: страницы редактируются в маленьком окошке http://prntscr.com/4mpvyp

 

я так понимаю выходом является правка html (если так, то воспользуюсь этим моим способом)

• http://prntscr.com/4mpw9u
• http://prntscr.com/4mpxz7
• http://prntscr.com/4mpyoe

[abushyk 694]

Может быть еще такой вариант, что я приоткрыл вам окно в будущее и описанный мной функционал еще не вошел в последние изменения.)))

Вариант с "раздвиганием" стилями так же возможен, но не гарантирую, что не будет накладок при их инъекции.

[doma 22]

Подскажите а можно как то ограничить (может где то в настройках это есть самого редактора) определенные функции 

сейчас у нас стоит ckeditor для редактирования описания. и некоторые пользователи начали разукрашивать всеми цветами радуги слова в описании синий, красный, зеленый и так далее. Может как то есть возможность сделать так чтобы запретить им это делать ? откобчить функцию или вообще убрать пиктограмму цвета и так далее. Спасибо

[TopRaN 235]

5 часов назад, doma сказал:

Подскажите а можно как то ограничить (может где то в настройках это есть самого редактора) определенные функции 

сейчас у нас стоит ckeditor для редактирования описания. и некоторые пользователи начали разукрашивать всеми цветами радуги слова в описании синий, красный, зеленый и так далее. Может как то есть возможность сделать так чтобы запретить им это делать ? откобчить функцию или вообще убрать пиктограмму цвета и так далее. Спасибо

Можно. Нужно ковырять файл настройки самого редактора.

[Дмитрий Кондин 690]

5 часов назад, doma сказал:

Подскажите а можно как то ограничить (может где то в настройках это есть самого редактора) определенные функции 

сейчас у нас стоит ckeditor для редактирования описания. и некоторые пользователи начали разукрашивать всеми цветами радуги слова в описании синий, красный, зеленый и так далее. Может как то есть возможность сделать так чтобы запретить им это делать ? откобчить функцию или вообще убрать пиктограмму цвета и так далее. Спасибо

Настройки редактора тут

/ckeditor/config.js

Параметры конфига описаны тут https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config

[doma 22]

6 часов назад, rumantic сказал:

Настройки редактора тут

/ckeditor/config.js

Параметры конфига описаны тут https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config

Настроек много и разобраться очень тяжело -есть возможность подсказать что и где и как -для тех кто знаком с настройками?

[doma 22]

6 часов назад, rumantic сказал:

Настройки редактора тут

/ckeditor/config.js

Параметры конфига описаны тут https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config

почитали в интернете несколько статей так привели такой код . чтобы сделать минимальную панель. вставили код, сохранили и даже кеш почистили попробовали -но увы панель какая была такая и осталась. видимо еще что то нужно править

CKEDITOR.editorConfig = function( config ) {
    config.toolbar_Full = [
    { name: 'document', items : [ 'Undo','Redo'] },
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Subscript','Superscript','Format' ] },
    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
    { name: 'links', items : [ 'Link','Unlink' ] },
    { name: 'insert', items : [ 'Image','Table','SpecialChar' ] },
    { name: 'tools', items : [ 'Maximize','Source'] }
];
};

[Дмитрий Кондин 690]

В 12/19/2017 в 17:24, doma сказал:

почитали в интернете несколько статей так привели такой код . чтобы сделать минимальную панель. вставили код, сохранили и даже кеш почистили попробовали -но увы панель какая была такая и осталась. видимо еще что то нужно править

CKEDITOR.editorConfig = function( config ) {
    config.toolbar_Full = [
    { name: 'document', items : [ 'Undo','Redo'] },
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Subscript','Superscript','Format' ] },
    { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
    { name: 'links', items : [ 'Link','Unlink' ] },
    { name: 'insert', items : [ 'Image','Table','SpecialChar' ] },
    { name: 'tools', items : [ 'Maximize','Source'] }
];
};

Некоторые браузеры очень сильно держат кэш.

Попробуйте в другом браузере.

Также учитывайте версию ckeditor, возможно вы взяли конфиг для более новой версии.

[doma 22]

а как и где посмотреть версию установленную на сайтбилле . и на наш взгляд это настройки для конфига они минимальные и стандартные.
мы даже пробовали по разному. впkjm, по добавлению по 1 параметру и даже просто добавляя +1 к предыдущему .но ничего так и не вышло

видимо настройки еще где то включаются как то

[Дмитрий Кондин 690]

9 часов назад, doma сказал:

а как и где посмотреть версию установленную на сайтбилле . и на наш взгляд это настройки для конфига они минимальные и стандартные.
мы даже пробовали по разному. впkjm, по добавлению по 1 параметру и даже просто добавляя +1 к предыдущему .но ничего так и не вышло

видимо настройки еще где то включаются как то

/ckeditor/README.md

[doma 22]

посмотрели и если только версия 4
так как в этом файле написано 

CKEditor 4
==========
Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.  
http://ckeditor.com - See LICENSE.md for license information.
CKEditor is a text editor to be used inside web pages. It's not a replacement
for desktop text editors like Word or OpenOffice, but a component to be used as
part of web applications and websites.
## Documentation
The full editor documentation is available online at the following address:
http://docs.ckeditor.com
## Installation
Installing CKEditor is an easy task. Just follow these simple steps:
 1. **Download** the latest version from the CKEditor website:
    http://ckeditor.com. You should have already completed this step, but be
    sure you have the very latest version.
 2. **Extract** (decompress) the downloaded file into the root of your website.
**Note:** CKEditor is by default installed in the `ckeditor` folder. You can
place the files in whichever you want though.
## Checking Your Installation
The editor comes with a few sample pages that can be used to verify that
installation proceeded properly. Take a look at the `samples` directory.
To test your installation, just call the following page at your website:
    http://<your site>/<CKEditor installation path>/samples/index.html
For example:
    http://www.example.com/ckeditor/samples/index.html

а вот тут тоже идет настройка для 4 версии
https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config


а где и как искать настройки так и не разобрались