Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Подключение WYSIWYG редактора методом javascript

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
imedia
Отправлено: 06 Мая, 2016 - 18:36:43
Post Id



Частый гость


Покинул форум
Сообщений всего: 192
Дата рег-ции: Июль 2015  


Помог: 0 раз(а)




Я подключил редактор и он отлично работает
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
  3.  

но это когда <textarea> сразу в коде, а я хочу добавлять <textarea>
методом чистого javascript
делаю это так
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. document.querySelector('.add_text_block').addEventListener('click', function () {
  3. var text_block ='<textarea id="first_text" name="first_text" >Easy (and free!) You should check out our premium features.</textarea>';
  4. var doc = document.getElementById('letter_body')
  5. var div = document.createElement('div');
  6.     div.innerHTML = text_block;
  7.     doc.appendChild(div);
  8.         tinyMCE.init({
  9.        selector: "#first_text"
  10.  
  11.     });
  12. },false);
  13.  

но не приминяются даже стили хотя css файл подключен, может требуется как то построение DOM ? подскажите как быть

(Отредактировано автором: 06 Мая, 2016 - 18:52:45)

 
 Top
IllusionMH
Отправлено: 06 Мая, 2016 - 18:42:12
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




imedia, а инициализация редактора после того как он вставлен в DOM?
 
 Top
imedia
Отправлено: 06 Мая, 2016 - 18:44:10
Post Id



Частый гость


Покинул форум
Сообщений всего: 192
Дата рег-ции: Июль 2015  


Помог: 0 раз(а)




IllusionMH пишет:
imedia, а инициализация редактора после того как он вставлен в DOM?

вот я за это и спрашиваю как это сделать?

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.         tinyMCE.init({
  3.         mode:"textareas",
  4.         theme:"simple",
  5.         language:"ru"
  6.     });
  7.  

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

(Отредактировано автором: 06 Мая, 2016 - 18:53:36)

 
 Top
IllusionMH
Отправлено: 06 Мая, 2016 - 18:52:57
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




imedia, в обработчике клика это делаете? чет в превом посте не видно.
 
 Top
imedia
Отправлено: 06 Мая, 2016 - 18:54:29
Post Id



Частый гость


Покинул форум
Сообщений всего: 192
Дата рег-ции: Июль 2015  


Помог: 0 раз(а)




IllusionMH пишет:
imedia, в обработчике клика это делаете? чет в превом посте не видно.

а как надо? я обновил пост

(Отредактировано автором: 06 Мая, 2016 - 19:00:14)

 
 Top
IllusionMH
Отправлено: 06 Мая, 2016 - 20:18:32
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




imedia, все отлично применяется к первому элементу с этим ид.
Айдишники уникальные должны быть
https://jsfiddle[dot]net/ozLfug5z/1/
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB