Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / highlight.js: Как вытащить чистый текст? / 13 сообщений из 13, страница 1 из 1
09.08.2019, 13:26
    #39847454
Ролг Хупин
Ролг Хупин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
highlight.js: Как вытащить чистый текст?
Сделал как описано авторами, все красит, правда, кривовато, но это вопрос третий.
Попробовал сделать редактируемым

Код: 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, 14:38
    #39847499
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
highlight.js: Как вытащить чистый текст?
Ролг Хупин2. Как вытащить чистый текст после редактирования юзером? Когад просто беру
Код: javascript
1.
var pscriptText = document.getElementById(divCodeView).innerHTML;


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


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



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

Код: 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:20
    #39847618
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
highlight.js: Как вытащить чистый текст?
что за элемент у вас с этим id='script_text' ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.08.2019, 17:35
    #39847624
Ролг Хупин
Ролг Хупин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
highlight.js: Как вытащить чистый текст?
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:40
    #39847626
Konst_One
Konst_One
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
highlight.js: Как вытащить чистый текст?
https://cdn.ckeditor.com/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.08.2019, 17:46
    #39847628
Ролг Хупин
Ролг Хупин
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
highlight.js: Как вытащить чистый текст?
Konst_One https://cdn.ckeditor.com/

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

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

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

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

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


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