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

Иван Балезин

Осваивается
Регистрация
10.05.2015
Сообщения
14
Реакции
1
Доброго времени суток, мне поставлена такая вот задача. И у меня возникли трудности
Мне нужно сделать определенную форму ввода текста в создаваемую новую статью.
т.е При создании новой статьи надо чтобы было вот так
1 (2).jpg

Перечень разделов
И вот чтобы под каждым разделом при написании статьи всплывал/появлялся так сказать редактор wysiwyg (я его отдельно установил) а не просто пустое окно для ввода чего либо.
А как вот в эти собственные формы подцепить редактор текста визуальный? Выручайте... в долгу не останусь.
 
Последнее редактирование:
Out-of-the-box MediaWiki uses Form-based data entry for a variety of page maintenance and administrative functions. MediaWiki articles themselves are created using free-form wikitext. Like most other features of MediaWiki, there are numerous customization possibilities available. These include ready-made extensions, various techniques for customizing the default set of forms, and even techniques for creating and installing custom forms.
http://www.mediawiki.org/wiki/Manual:Forms

Если вы хотите кастомные формы как вы нарисовали, то используйте API и html форму.
Еще можете посмотреть Semantic Forms, но это не совсем то что нужно.

UPD: Ну и еще вот может быть подойдет.
 
Последнее редактирование:
http://www.mediawiki.org/wiki/Manual:Forms

Если вы хотите кастомные формы как вы нарисовали, то используйте API и html форму.
Еще можете посмотреть Semantic Forms, но это не совсем то что нужно.

UPD: Ну и еще вот может быть подойдет.
вот есть у меня расширение Semantic Forms
и расширение редактор WYSYWIG

есть созданная форма с помощью Semantic Forms, форма содержит в себе разделы статьи
(создается так: http://localhost/mediawiki/index.php/Служебная:CreateForm)

Далее, создаем страницу с помощью написанной формы (http://localhost/mediawiki/index.php/Служебная:FormStart , пишем имя новой страницы/статьи выбираем нужную форму(в нашем случае нам нужна одна) и она уже содержит те самые разделы статьи)
Теперь эта страница уже по структуре содержит разделы заданные в форме.

нельзя ли найти файл с этой самой формой и уже в нём както добавить вставку на вывод этого визуального редактора?

ведь мне надо чтобы когда создавалась статья/страница с формой содержала одни разделы и под этими разделами уже был встроен редактор wisywig ..
 
Как бы ссылки на локалхост это не то что нужно...

Вот из документации кусок
http://www.mediawiki.org/wiki/Extension:Semantic_Forms/Defining_forms раздел field:
editor=editor type - Adds a Javascript-based editor to the textarea to make editing its contents more user-friendly. Currently only one value is allowed: "wikieditor", for the WikiEditor extension (which must be installed for this to work). If you want to add any additional custom toolbars to WikiEditor, you will need to add them in the Javascript to ('#free_text').wikiEditor, just as they exist for ('#wpTextbox1').wikiEditor.
 
Как бы ссылки на локалхост это не то что нужно...

Вот из документации кусок
http://www.mediawiki.org/wiki/Extension:Semantic_Forms/Defining_forms раздел field:

у меня медиавики на денвере установлена, могу лишь скриншотами показать что и как.
1. открываем Спецстраницы, находим там Служебная:CreateForm благодаря ей делаем вот такую нужную мне форму с разделами
поэтапно добавляем разделы в форму
1.jpg

вот такие вот настройки есть на каждый раздел, я их не трогаю
2.jpg

создаем далее
3.jpg

создаем до последнего необходимого раздела, и идем теперь на другую страницу (http://localhost/mediawiki/index.php/Служебная:FormStart) где появляется вот такой вот выбор
4.jpg
выбираем форму, и получаем на выходе вот такую страницу
5.jpg
6.jpg

и вот под каждым разделом есть окно мне надо чтобы в этом окне был редактор...
что куда писать не подскажите?..

что делать с:



    • editor=editor type - Adds a Javascript-based editor to the textarea to make editing its contents more user-friendly. Currently only one value is allowed: "wikieditor", for the WikiEditor extension (which must be installed for this to work). If you want to add any additional custom toolbars to WikiEditor, you will need to add them in the Javascript to('#free_text').wikiEditor, just as they exist for ('#wpTextbox1').wikiEditor.
?
 
Ну например почитать доку, тама написано.
Вот пример: http://discoursedb.org/wiki/Form:Fields_test
вот, на этом сайте есть готовая форма. Пример хороший, в этой форме есть необходимая мне вещь, а именно

1.jpg

а мне надо грубо говоря вот так
2.jpg

только с моим визуальным редакторм WISYWIG который...

код формы из примера я увидел
'''Free text:'''

{{{standard input|free text|editor=wikieditor}}}

а как тогда правильно под меня написать эту форму? выручайте, пожалуйста)
 
Вот попытался накидать форму на вики языке, но возникли вопросы.
1.
'''Текст:'''

{{{standard input|free text|editor=wikieditor}}}

если к каждому разделу пишешь "|editor=wikieditor" редактор этот съезжает...и не по окнам а криво расположен если их несколько

2. как подключить wisywig редактор с поддержкой разметки из ворда?

3. может можно как-то сделать так чтобы при нажатии на определенное окно этот wisywig редактор всплывал?
 

Вложения

  • 1.txt
    1,9 КБ · Просмотры: 0
Последнее редактирование:
как подключить wisywig редактор с поддержкой разметки из ворда?
Его не существует.
если к каждому разделу пишешь "|editor=wikieditor" редактор этот съезжает...и не по окнам а криво расположен если их несколько
неимея доступа к сайту сложно что-то сказать.
3. может можно как-то сделать так чтобы при нажатии на определенное окно этот wisywig редактор всплывал?
можно, вызывать его через JS вручную, готового решения нет
 
Его не существует.

неимея доступа к сайту сложно что-то сказать.

можно, вызывать его через JS вручную, готового решения нет
форму на html я написал(креплю). назрел другой вопрос

Можно ли сделать возможным добавление JS через редактирование страницы и последующим отображением его при просмотре созданной страницы?
а именно вот чтобы в поле ввода был визуальный редактор путь до которого я указал в хеаде html
т.е мне надо чтобы заработала вот эта форма при написании новой страницы
и заработала так чтобы на странице в поле ввода подгружалась эта вещь
<script src="/extensions/WYSIWYG/ckeditor/ckeditor.js" type="text/javascript"></script>
 

Вложения

  • HTML — копия.txt
    1,5 КБ · Просмотры: 1
  • Безымянный.jpg
    Безымянный.jpg
    107,5 КБ · Просмотры: 4
Последнее редактирование:
добавление в localsetting.php $wgAllowUserJs=true; не помогает(
или может не просто прописать это надо, а настроить как-то...

еще раз при копировании и вставке кода из HTML-копия.txt в новую страницу при предосмотре через уже установленный wysiwyg у меня отображается абсолютно то что мне надо на выходе


Безымянный.png

но после нажатия "добавить" у меня просто заголовки и окна,
Безымянный1.jpg
как мне сделать так чтобы вместо окон был wysiwyg редактор как при предосмотре...
я понимаю что написанием формы на html, я это все сделал но как научить mediawiki или разрешить нам видить результат отображения javascript
 
Последнее редактирование:
Вас не смущает что в примере форма в Namespace Form, а не в основном?
 
Вас не смущает что в примере форма в Namespace Form, а не в основном?
и что это значит? я не понимаю..
как добиться того чтобы визуальный редактор подгружался в окне отмеченным тегом textarea (поле ввода) при простом просмотре страницы или создании страницы через форму (http://localhost/mediawiki/index.php/Служебная:FormEdit/HTML/Имяновойстатьи) собственно мне это и надо... надо чтобы на этом этапе js подгружался при просмотре страниц mediawiki
 
Последнее редактирование:
Назад
Верх