Форум

Torch`Ok · #21 (**permalink**) 29.01.2013, 16:38

Спасибо... Ноя я тут сам нарыл)))

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
           $('div').click(function (){
                var text = $(this).html();
	     text = text.replace(/<br>/g, ' \n');
                $('textarea').val(text);
          });

	$('textarea').bind('keyup mouseup mouseleave',function (e) {
		var val = this.value;
		val=val.replace(/\n/g,'<br />')
		$('div').html(val);
	});
          
});
</script>
</head>
<body>
<br>
<textarea></textarea>
<div>Текст</div>
</body>
</html>

Так все работает...
Еще раз спасибо Вам за помощь...

ksa · #22 (**permalink**) 29.01.2013, 16:40

Сообщение от Torch`Ok

по диву должно вставляться в текстарею тоже...

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('textarea').keyup(function (e) {
		var val = this.value;
		val=val.replace(/\n/g,'<br />')
		$('div').html(val);
	});
	$('div').click(function (e) {
		var val = $('div').html();
		val=val.replace(/(<BR>)|(<br>)/g,'\n')
		alert(val);
		$('textarea').val(val);
	});
});
</script>
</head>
<body>
<textarea></textarea>
<div></div>
</body>
</html>

Deff · #23 (**permalink**) 29.01.2013, 16:42

.replace(/<br[^>]*>/igm,'');
Написание 

поправил

ksa · #24 (**permalink**) 29.01.2013, 16:42

Сообщение от Torch`Ok

Ноя я тут сам нарыл)))

text = text.replace(/<br>/g, ' \n');

Дело в том, что в ИЕ большими буквами...

Torch`Ok · #25 (**permalink**) 29.01.2013, 17:00

Совсем забыл про ишака

replace(/( )|( )/g,'\n') - это сработало.

Deff · #26 (**permalink**) 29.01.2013, 17:10

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
           $('div').click(function (){
                var text = $(this).text();
                if('\v'=='v' ){text=$(this).html().replace(/<br[^>]*>/igm,'\n');}
                $('textarea').val(text);
                
          });

	$('textarea').bind('keyup mouseup mouseleave',function (e) {
		var val = this.value;
		val=val.replace(/\n/g,'<br />')
		$('div').html(val);
	});
          
});
</script>
</head>
<body>
<br>
<textarea rows=7></textarea>
<br>
<br>
<br>
<div>
Текст<br>
Текст<br>
Текст<br>
</div>
</body>
</html>

Сообщение от Torch`Ok

replace(/( )|( )/g,'\n') - это сработало.

Не нужен replace!!!

Torch`Ok · #27 (**permalink**) 29.01.2013, 17:19

Сообщение от Deff

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
           $('div').click(function (){
                var text = $(this).text()
                $('textarea').val(text);
          });

	$('textarea').bind('keyup mouseup mouseleave',function (e) {
		var val = this.value;
		val=val.replace(/\n/g,'<br />')
		$('div').html(val);
	});
          
});
</script>
</head>
<body>
<br>
<textarea></textarea>
<br>
<br>
<br>
<div>
Текст<br>
Текст<br>
Текст<br>
</div>
</body>
</html>

Не нужен replace!!!

В твоем примере все выстраивает в одну строку...

Deff · #28 (**permalink**) 29.01.2013, 17:24

Torch`Ok,

Какой браузер?

(Только в ИЕ и выстраивается ...

Ща

Deff · #29 (**permalink**) 29.01.2013, 17:31

Поправил пост 26

Torch`Ok · #30 (**permalink**) 29.01.2013, 17:42

Опера у меня.. И все равно выстраивает в одну строку....
replace(/( )|( )/g,'\n') - так а чем тебе этот способ не нравится???
Работает во всех браузерах.

Форум

Справочник

Discord чат

Курсы javascript