Как решить проблемы с посимвольным рассмотром строки через цикл?

Question

[JackShcherbakov]

Суть:
Этот цикл должен посимвольно разбирать строку и если наталкивается на символ ">", то есть на символ окончания какого-либо тега, он ставит тег... <br>...после него. Я попытался сделать примерно вот так (основной код прикреплю ниже):

$('#editCode').click(function(evt){
			evt.preventDefault();
			code = $('#code').text();
			for(var g = 0; g < code.length; g++){
				if(code[g] === '>'){
					code[g].after('<br>');
				}
			}	
			$('#code').text(code);		
		});

Вот код, но в песочнице тег code криво отображается - https://jsfiddle.net/pvuv5mbc/

Answer 1

[Stalker_RED]

code[g] - очевидно символ из строки. Тогда что такое code[g].after? У строки же нет такого метода.
И действительно - в консоли ошибка: code[g].after is not a function
Пример (Подправил чуток - подключил jQuery и заменил code на textarea)

Можно сделать замену всех > на ><br>
code.replace(/>/g, '><br>')
Пример

Comments

[JackShcherbakov]

Да, я это написал прсото от балды. Именно в этом и проблема, иначе, мне что, сюда работающий код скидывать? Вообще я думаю надо как-то добавить после этого элемента массива (так как мы со строкой как с масивом работаем) элемент 'br'. Сейчас роюсь в методах массива. Спасибо большое за ответ!

[Stalker_RED]

Одним методом не обойдешься, но можно отрезать кусок (slice или splice), добавить новый элемент, и объеденить куски (concat, например).

Но это все не нужно, задача решается элементарной заменой (replace) в строке. Добавил в ответ.

[JackShcherbakov]

Я так уже деалал. Я понял, что я требую какого-то бреда. Даже если я все заменю у меня код станет только еще хуже чиаться из-за этих br! У вас есть какие-либо предложения, как в code можно код сделать читаемым? Буду нереально благодарен если найдется.

[Stalker_RED]

JackShcherbakov, как-то так?

На самом деле для этого специализированные библиотеки давно написаны.

[JackShcherbakov]

Stalker_RED, Вау, спасибо огромное!