1

Тема: Работа с визуальном редактором

Здравствуйте! Скажите пожалуйста как выключить автоматическое пропись тегов в визуальном редакторе?

Поделиться

2

Re: Работа с визуальном редактором

вы можете в настройках сайта вообще отключить визуальный редактор, ну или в admin/template/js/ckeditor/config.js
вообще-то теги <p> в визуальном редакторе и должны прописываться автоматом, а остальные после нажатия разных кнопок, собственно для чего он и задуман

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

3

Re: Работа с визуальном редактором

Спасибо за помощь.

Поделиться

4

Re: Работа с визуальном редактором

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

http://webguruz.ru/web-developer/ckfind … or_config/

Использую плагин Simple Input Tabs, столкнулся с тем <h3  class="text-center text-uppercase"><i class="fa fa-video-camera" aria-hidden="true"> <?php insert_page_content("zagolovok"); ?></h3> в теги h3 вставляется текст из редактора с тегом p, иконка остается на верху и текст переносится...

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

Поделиться

5

Re: Работа с визуальном редактором

hhtz пишет:

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

Можно использовать плагин  I18n Special Pages.

Поделиться

6

Re: Работа с визуальном редактором

Eduard пишет:
hhtz пишет:

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

Можно использовать плагин  I18n Special Pages.

Предлагаете на каждый заголовок и подпись делать отдельную страницу? Но это ведь не удобно, или я вас не так понял.а так получатся на одной странице, "Главная" в редакторе, есть вкладки - табы и можно в одном окне все отредактировать....

Поделиться

7 (2018-03-02 23:57:48 отредактировано Eduard)

Re: Работа с визуальном редактором

hhtz пишет:

Предлагаете на каждый заголовок и подпись делать отдельную страницу? Но это ведь не удобно, или я вас не так понял.а так получатся на одной странице, "Главная" в редакторе, есть вкладки - табы и можно в одном окне все отредактировать....

Можно создать сколько угодно редактируемых полей разных типов на одной странице.
Я, например, часть главной страницы оформил в виде такой вот простыни:

    <!-- Section -->
                    <section class="section-services section-nomargin">
                        <div class="title-bordered" data-animation="fadeInUp" data-animation-delay="0">
                            <h2><?php get_special_field('heading1','',false);?></h2>
                        </div>                        
                        <div class="row">
                            <div class="col-md-6" data-animation="fadeInLeft" data-animation-delay="0">
                                <div class="img-box">
                                    <img src="<?php get_special_field('image1','',false);?>" alt="">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="center" data-animation="fadeInLeft" data-animation-delay="0"><h3><?php get_special_field('heading1-3','',false);?></h3></div>
                                <div class="icon-box circled icon-box-animated" data-animation="fadeInLeft" data-animation-delay="200">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon1','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h4><a href="<?php get_special_field('link1','',false);?>"><?php get_special_field('headline1','',false);?></a></h4>
                                      <p><?php get_special_field('paragraph1','',false);?></p>
                                    </div>
                                </div>
                                <div class="icon-box circled icon-box-animated" data-animation="fadeInLeft" data-animation-delay="400">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon2','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h4><a href="<?php get_special_field('link2','',false);?>"><?php get_special_field('headline2','',false);?></a></h4>
                                      <p><?php get_special_field('paragraph2','',false);?></p>
                                    </div>
                                </div>

                                <div class="icon-box circled icon-box-animated" data-animation="fadeInLeft" data-animation-delay="600">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon3','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h4><a href="<?php get_special_field('link3','',false);?>"><?php get_special_field('headline3','',false);?></a></h4>
                                        <p><?php get_special_field('paragraph3','',false);?></p>
                                    </div>
                                </div>                            
                            </div>
                        </div>
                        <hr class="lg">
                        <div class="row">
                            <div class="col-md-6 col-md-push-6" data-animation="fadeInRight" data-animation-delay="0">
                                <div class="img-box">
                                    <img src="<?php get_special_field('image2','',false);?>" alt="">
                                </div>
                            </div>
                            <div class="col-md-6 col-md-pull-6">
                                <div class="center" data-animation="fadeInRight" data-animation-delay="0"><h3><?php get_special_field('heading4-6','',false);?></h3></div>
                                <div class="icon-box circled icon-box-animated" data-animation="fadeInRight" data-animation-delay="200">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon4','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h4><a href="<?php get_special_field('link4','',false);?>"><?php get_special_field('headline4','',false);?></a></h4>
                                      <p><?php get_special_field('paragraph4','',false);?></p>
                                    </div>
                                </div>

                                <div class="icon-box circled icon-box-animated" data-animation="fadeInRight" data-animation-delay="400">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon5','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h4><a href="<?php get_special_field('link5','',false);?>"><?php get_special_field('headline5','',false);?></a></h4>
                                      <p><?php get_special_field('paragraph5','',false);?></p>
                                    </div>
                                </div>

                                <div class="icon-box circled icon-box-animated" data-animation="fadeInRight" data-animation-delay="600">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon6','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h4><a href="<?php get_special_field('link6','',false);?>"><?php get_special_field('headline6','',false);?></a></h4>
                                        <p><?php get_special_field('paragraph6','',false);?></p>
                                    </div>
                                </div>                            
                            </div>
                        </div>
                    </section>
                    <!-- Section / End -->
                    <!-- Light Section -->
                    <section class="section-light section-nomargin">
                        <div class="title-bordered" data-animation="fadeInUp" data-animation-delay="0">
                            <h2><?php get_special_field('heading2','',false);?></h2>
                        </div>
                        <div class="row">
                            <div class="col-md-3" data-animation="fadeInDown" data-animation-delay="0">
                                <div class="icon-box filled centered lg circled icon-box-animated-inverse">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon7','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h3><a href="<?php get_special_field('link7','',false);?>"><?php get_special_field('headline7','',false);?></a></h3>
                                        <p><?php get_special_field('paragraph7','',false);?></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3" data-animation="fadeInDown" data-animation-delay="200">
                                <div class="icon-box filled centered lg circled icon-box-animated-inverse">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon8','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h3><a href="<?php get_special_field('link8','',false);?>"><?php get_special_field('headline8','',false);?></a></h3>
                                        <p><?php get_special_field('paragraph8','',false);?></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3" data-animation="fadeInDown" data-animation-delay="400">
                                <div class="icon-box filled centered lg circled icon-box-animated-inverse">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon9','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h3><a href="<?php get_special_field('link9','',false);?>"><?php get_special_field('headline9','',false);?></a></h3>
                                        <p><?php get_special_field('paragraph9','',false);?></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="icon-box filled centered lg circled icon-box-animated-inverse" data-animation="fadeInDown" data-animation-delay="600">
                                    <div class="icon">
                                        <i class="<?php get_special_field('icon10','',false);?>"></i>
                                    </div>
                                    <div class="icon-box-body">
                                        <h3><a href="<?php get_special_field('link10','',false);?>"><?php get_special_field('headline10','',false);?></a></h3>
                                        <p><?php get_special_field('paragraph10','',false);?></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Light Section / End -->
                    

То есть редактируются заголовки, ссылки, картинки и даже иконки. И можно вполне  объяснить, что где  находится.

Поделиться

8 (2018-03-03 01:32:42 отредактировано ufopera)

Re: Работа с визуальном редактором

hhtz пишет:
Eduard пишет:
hhtz пишет:

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

Можно использовать плагин  I18n Special Pages.

Предлагаете на каждый заголовок и подпись делать отдельную страницу? Но это ведь не удобно, или я вас не так понял.а так получатся на одной странице, "Главная" в редакторе, есть вкладки - табы и можно в одном окне все отредактировать....

Про Simple Input Tabs нечего не скажу, не пользовался.
Как простой вариант, можно использовать плагины самого CKEditor.
Например плагин Templates (едет в комплекте) , он может вставлять в редактор целые блоки, подготовленного вами кода.
Подключить можно так.
Пример: в gsconfig.php

define('GSEDITORTOOL', "['Undo','Redo','-','SelectAll','Bold', 'Italic', 'Underline','-','Templates','Source']" );

Templates HTML блоки править руками.

https://incod.ru/data/uploads/images/2018-03-03_CKEditor_custom_config.png

Сайт ufopera

Поделиться

9 (2018-03-03 10:05:39 отредактировано A1ex)

Re: Работа с визуальном редактором

ufopera пишет:

Например плагин Templates (едет в комплекте) , он может вставлять в редактор целые блоки, подготовленного вами кода.

А можно поподробнее, куда именно вносить свои блоки?
К примеру подготовил блок в html\css и куда кидать файлы, в папку ..\admin\template\js\ckeditor\plugins\templates\templates ?
И если не жалко скиньте хоть один сделанный самим шаблон, а то все шаблоны в яваскрипте.
Меня больше интересует как "подключить" свой блок к плагину Templates.

Поделиться

10 (2018-03-03 11:35:24 отредактировано ufopera)

Re: Работа с визуальном редактором

A1ex пишет:
ufopera пишет:

Например плагин Templates (едет в комплекте) , он может вставлять в редактор целые блоки, подготовленного вами кода.

А можно поподробнее, куда именно вносить свои блоки?
К примеру подготовил блок в html\css и куда кидать файлы, в папку ..\admin\template\js\ckeditor\plugins\templates\templates ?
И если не жалко скиньте хоть один сделанный самим шаблон, а то все шаблоны в яваскрипте.
Меня больше интересует как "подключить" свой блок к плагину Templates.


в файле:
admin/template/js/ckeditor/plugins/templates/templates/default.js
в самом конце,
замените символы

]});

на этот код

,{title:"111",image:"xxx.gif",description:"222",html:'<h1>333</h1>'} ]});

все, новый блок готов)

возможно, придется почистить кэш

Сайт ufopera

Поделиться

11

Re: Работа с визуальном редактором

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

/*
 Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
 For licensing, see LICENSE.md or http://ckeditor.com/license
*/
CKEDITOR.addTemplates("default",{imagesPath:CKEDITOR.getUrl(CKEDITOR.plugins.getPath("templates")+"templates/images/"),templates:[
{title:"Блок для сетки (2)",image:"template2.gif",description:"Два блока в линию.",
html:'\x3cdiv class\x3d"uk-grid uk-child-width-1-2@m" uk-grid\x3e\x3cp\x3eБлоки для сетки вставлять сюда\x3c/p\x3e\x3c/div\x3e'},
{title:"Блок для сетки (3)",image:"template3.gif",description:"Три блока в линию.",
html:'\x3cdiv class\x3d"uk-grid uk-child-width-1-3@m" uk-grid\x3e\x3cp\x3eБлоки для сетки вставлять сюда\x3c/p\x3e\x3c/div\x3e'},
{title:"Блок для сетки (4)",image:"template4.gif",description:"Четыре блока в линию.",
html:'\x3cdiv class\x3d"uk-grid uk-child-width-1-2@s uk-child-width-1-4@m" uk-grid\x3e\x3cp\x3eБлоки для сетки вставлять сюда\x3c/p\x3e\x3c/div\x3e'},
{title:"Блок для сетки (6)",image:"template6.gif",description:"Шесть блоков в линию.",
html:'\x3cdiv class\x3d"uk-grid uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-6@m" uk-grid\x3e\x3cp\x3eБлоки для сетки вставлять сюда\x3c/p\x3e\x3c/div\x3e'},
{title:"Блок для текста в две колонки",image:"template-с2.gif",description:"Весь текст будет разбит на две колонки.",
html:'\x3cdiv class\x3d"uk-column-1-2@m"\x3e\x3cp\x3eРазместите ваш текст здесь\x3c/p\x3e\x3c/div\x3e'},
{title:"Блок для текста в три колонки",image:"template-с3.gif",description:"Весь текст будет разбит на три колонки.",
html:'\x3cdiv class\x3d"uk-column-1-2@s uk-column-1-3@m"\x3e\x3cp\x3eРазместите ваш текст здесь\x3c/p\x3e\x3c/div\x3e'},
{title:"Блок для текста в четыре колонки",image:"template-с4.gif",description:"Весь текст будет разбит на четыре колонки.",
html:'\x3cdiv class\x3d"uk-column-1-2@s uk-column-1-4@m"\x3e\x3cp\x3eРазместите ваш текст здесь.\x3c/p\x3e\x3c/div\x3e'}
]});

я работаю с фреймворком UIKit и эта кнопка очень облегчает использование сетки в редакторе

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

config.templates_replaceContent = false;
Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

12

Re: Работа с визуальном редактором

olsv64 пишет:

я работаю с фреймворком UIKit и эта кнопка очень облегчает использование сетки в редакторе
немного жаль, что ее можно было использовать на странице только один раз, но я нашел решение этой проблемы, добавив в файл config.js строку

config.templates_replaceContent = false;

НЕ только один раз, а сколько нужно,
для этого нужно только снимать галку, с полезной опции "Заменить текущее содержимое"

Сайт ufopera

Поделиться

13

Re: Работа с визуальном редактором

ufopera пишет:

НЕ только один раз, а сколько нужно,
для этого нужно только снимать галку, с полезной опции "Заменить текущее содержимое"

на чекбокс-то я внимания и не обратил, когда тестировал скрипт smile

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться