ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / highlight.js: Как вытащить чистый текст?
13 сообщений из 13, страница 1 из 1
highlight.js: Как вытащить чистый текст?
    #39847454
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
Сделал как описано авторами, все красит, правда, кривовато, но это вопрос третий.
Попробовал сделать редактируемым

Код: javascript
1.
2.
3.
<div class="class-123" contenteditable="true">
<pre><code id="script_code" class="sql"></code></pre>
</div>



Пара вопросов:
1. как сделать рефреш раскраски при изменении текста?Точнее так- функция рефреша есть, как отловить изменение и где вызывать ее?
2. Как вытащить чистый текст после редактирования юзером? Когад просто беру
Код: javascript
1.
var pscriptText = document.getElementById(divCodeView).innerHTML;



прет текст со всеми тегами от highlight, а надо бы чистый текст, чтобы сохранить где-то в базе.
...
Рейтинг: 0 / 0
09.08.2019, 13:26
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847499
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Ролг Хупин2. Как вытащить чистый текст после редактирования юзером? Когад просто беру
Код: javascript
1.
var pscriptText = document.getElementById(divCodeView).innerHTML;


прет текст со всеми тегами от highlight, а надо бы чистый текст, чтобы сохранить где-то в базе.
Пробуй так...
Код: javascript
1.
var pscriptText = document.getElementById(divCodeView).textContent;
...
Рейтинг: 0 / 0
09.08.2019, 14:38
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847527
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
krvsaРолг Хупин2. Как вытащить чистый текст после редактирования юзером? Когад просто беру
Код: javascript
1.
var pscriptText = document.getElementById(divCodeView).innerHTML;


прет текст со всеми тегами от highlight, а надо бы чистый текст, чтобы сохранить где-то в базе.
Пробуй так...
Код: javascript
1.
var pscriptText = document.getElementById(divCodeView).textContent;



йез, спасибо.

Как поймать изменение тексат юзером в этом div, чтобы рефрешнуть раскраску?
...
Рейтинг: 0 / 0
09.08.2019, 15:05
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847549
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Ролг ХупинКак поймать изменение тексат юзером в этом div, чтобы рефрешнуть раскраску?
Так можно понять, что идут какие-то изменения...
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
#editor {
	width: 100px;
	height: 100px;
	border: 1px solid;
}
</style>
<script type='text/javascript'>
document.addEventListener('DOMContentLoaded', function() {
	document.getElementById('editor').addEventListener('input', function() {
		alert('Меняют...');
	}, false);
});
</script>
</head>
<body>
<div id='editor' class="class-123" contenteditable="true">
<pre><code id="script_code" class="sql"></code></pre>
</div>
</body>
</html>


Только остается еще понять когда начать перерисовывать тот элемент... ;)
...
Рейтинг: 0 / 0
09.08.2019, 15:46
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847591
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
krvsaРолг Хупин2. Как вытащить чистый текст после редактирования юзером? Когад просто беру
Код: javascript
1.
var pscriptText = document.getElementById(divCodeView).innerHTML;


прет текст со всеми тегами от highlight, а надо бы чистый текст, чтобы сохранить где-то в базе.
Пробуй так...
Код: javascript
1.
var pscriptText = document.getElementById(divCodeView).textContent;



Как-то не поймал закономерность, вроде работал код, но сейчас, если я редактирую текст, то из него так берется только первая строчка
...
Рейтинг: 0 / 0
09.08.2019, 16:36
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847613
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
Сделал так:

Код: javascript
1.
2.
3.
<div id="script_text" class="class-123" contenteditable="true">
<pre><code id="script_code" class="sql"></code></pre>
</div>



Получаю:
Код: javascript
1.
2.
  var pscriptTextDiv = document.getElementById('script_code');
            var pscriptText = pscriptTextDiv.textContent;



только первая строчка.

Так:
Код: javascript
1.
2.
  var pscriptTextDiv = document.getElementById('script_text');
            var pscriptText = pscriptTextDiv.textContent;



Так получил весь текст одной строкой, т.е. все исхожные строки слеплены в одну и нет переводов строки.
...
Рейтинг: 0 / 0
09.08.2019, 17:08
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847618
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
что за элемент у вас с этим id='script_text' ?
...
Рейтинг: 0 / 0
09.08.2019, 17:20
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847624
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
Konst_Oneчто за элемент у вас с этим id='script_text' ?

Я привел код, это див, в котором находится требуемый highlighter.js элемент с тегами <pre> <code>

Код: javascript
1.
2.
3.
<div id="script_text" class="class-123" contenteditable="true">
<pre><code id="script_code" class="sql"></code></pre>
</div>




Может быть это contenteditable="true" портит, т.е. не получится сделать подобие редактора
...
Рейтинг: 0 / 0
09.08.2019, 17:35
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847626
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
https://cdn.ckeditor.com/
...
Рейтинг: 0 / 0
09.08.2019, 17:40
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847628
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
Konst_One https://cdn.ckeditor.com/

О, а синтаксис разных языков умеет красить?
Типа cs, sql, pgplsql и т.д.
Что-то не нашел
...
Рейтинг: 0 / 0
09.08.2019, 17:46
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847653
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexander A. Sak
Участник
Для раскраски языков же https://codemirror.net/
...
Рейтинг: 0 / 0
09.08.2019, 18:44
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847758
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
Alexander A. SakДля раскраски языков же https://codemirror.net/

Где бы найти пример, как встраивать редактор в свою страницу, чтобы с кнопками типа сейв, хотелось бы сохранять потом в файл на диск или в базу
...
Рейтинг: 0 / 0
10.08.2019, 10:29
| Ответить | Цитировать | Написать  
highlight.js: Как вытащить чистый текст?
    #39847856
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
Ролг ХупинAlexander A. SakДля раскраски языков же https://codemirror.net/

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

Этот неплохой
https://ace.c9.io

все, что надо есть, красит синтаксис, редактирует, единственное - нет баттонов, типа анду, поиск
...
Рейтинг: 0 / 0
10.08.2019, 21:48
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / highlight.js: Как вытащить чистый текст?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39847653&tid=1443692]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 91ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 41ms
get tp. blocked users:
 1ms
others: 248ms
total:  419ms
созд. / загр.: 419ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]