заменяющие специальные символы в строках

Question

довольно просто:

я есть математические задачи, хранящиеся в БД, как 3+6, 5*3, 4-2 и т.д.

я хочу выход, чтобы показать соответствующие математические × с вместо * (и & divide; вместо /). , но они должны быть сохранены в БД с помощью * и/по понятным причинам (будучи «нормальными» символами против html-объектов в БД и особенно для mathjs, чтобы иметь возможность их решать из строки)

так что я ищу для того, чтобы изменить их на выходе html. Сначала я подумал о чем-то с css, но это, вероятно, означало бы, что у меня должен был быть класс для них (или это возможно?). , тогда я думал, что смогу сделать это с помощью jS/jQuery. но сначала он кажется слишком сложным.

как вы это сделаете?

(сервер работает Node.js + нефрит. Строки приходят из БД и предоставляются непосредственно на странице, так что я нужен способ, чтобы изменить символы «после»)

Answer 1

Что вы пытаетесь делать с CSS невозможно.

Для этого вы можете использовать метод замены строки JavaScript. , например:

var str = "5*6" 
var res = str.replace("*", "×"); 

http://www.w3schools.com/jsref/jsref_replace.asp

Answer 2

Когда вы пишете HTML, вы можете вставить <span class='multiply'></span> для каждого *

Тогда вы можете сделать:

$("span.multiply").html("×"); 

А потом вы бы сделали то же самое с делением и так далее.

EDIT

Вы также можете попробовать что-то вроде этого:

var newHtml = $('body').html().replace(/\*/g, "×"); 
$('body').html(newHtml); 

Answer 3

Вы не обязательно должны хранить символы в HTML сущностями. Пока вы включаете соответствующий метатег символов, вы сможете использовать символы юникода на своей странице.

<meta charset='utf-8'> 

Если вы не можете хранить их в базе данных как юникод, то вам придется исправить программно строки впоследствии.

var replacementSymbols: { 
    '*': '×', 
    '/': '÷' 
}; 

function replaceInString(equation) { 
    var targetSymbols = Object.keys(replacementSymbols); 

    return targetSymbols.reduce(function(string, symbol) { 
    var replacement = replacementSymbols[symbol]; 
    return string.replace(symbol, replacement); 
    }, equation); 
} 

Answer 4

Если вы не используете что-то вроде угловой и фильтр для разбора строки, что-то подобное может быть лучшим вариантом.Если вы не можете вставить классы прежде, страница отображается, вам может понадобиться, чтобы увидеть, если оказанная данные заворачивают в чем-то вроде <pre/> тега, так что вы можете использовать соответствующий селектор:

шаблон

<div class="math-expression"> 
    3 * 4 = 12 
</div> 

логика

document.querySelectorAll('.math-expression').forEach( 
    function(elem, i, arr){ 
     s = elem.textContent 
     elem.textContent = s.replace(/\*/g, 'x') 
    } 
) 

примечание

Я не тестировал это, поскольку обычно я использую угловые фильтры для этих типов текстовых изображений.