Mermaid CLI-как вы избегаете персонажей?
Я использую CLI Mermaid для создания блок-схемы (http://knsv.github.io/mermaid/flowchart.html он отлично работает, но я не могу понять, как получить специальные символы (знаки процента, скобки и т. д.), работающие как текст в узле.
Для иллюстрации приведем пример определения блок-схемы для Mermaid (имя файла-пример.русалка):
graph TD
question1{Gas tank less than 1/8?}
action1[Fill tank to 100%]
question1-- Yes -->action1
Когда я запускаю mermaid на этом файле, я получаю эту ошибку (она взрывается на знаке процента):
My-MacBook-Pro:mermaid mark$ mermaid example.mermaid
Error: Parse error on line 3:
...on1[Fill tank to 100%]question1-- Yes -
-----------------------^
Expecting 'QUOTE', 'TAG_END', 'TAG_START', 'MULT', 'EQUALS', 'PLUS', 'DOT', 'BRKT', 'COLON', 'ALPHA', 'COMMA', 'NUM', 'CLICK', 'CLASS', 'CLASSDEF', 'LINKSTYLE', 'STYLE', 'PIPE', 'THICK_ARROW_OPEN', 'THICK_ARROW_CROSS', 'THICK_ARROW_CIRCLE', 'THICK_ARROW_POINT', 'DOTTED_ARROW_OPEN', 'DOTTED_ARROW_CROSS', 'DOTTED_ARROW_CIRCLE', 'DOTTED_ARROW_POINT', 'ARROW_OPEN', 'ARROW_CROSS', 'ARROW_CIRCLE', 'ARROW_POINT', '==', '-.', '--', 'MINUS', 'DIAMOND_STOP', 'DIAMOND_START', 'PE', 'PS', 'SQE', 'SQS', 'end', 'subgraph', 'NEWLINE', 'TAGSTART', 'TAGEND', 'DIR', 'SPACE', 'GRAPH', 'EOF', 'SEMI', got 'PCT'
../dist/mermaid.full.js:14712 in parseError
../dist/mermaid.full.js:14782 in parse
../dist/mermaid.full.js:13260
../dist/mermaid.full.js:16846
../dist/mermaid.full.js:16889
phantomjs://webpage.evaluate():23 in executeInPage
phantomjs://webpage.evaluate():29
phantomjs://webpage.evaluate():29
PHANTOM ERROR: TypeError: 'null' is not an object (evaluating 'element.setAttribute')
TRACE:
-> /usr/local/lib/node_modules/mermaid/lib/phantomscript.js: 149 (in function resolveSVGElement)
-> /usr/local/lib/node_modules/mermaid/lib/phantomscript.js: 69
Я пытался избегая знака процента, вот так:
action1[Fill tank to 100&]
Но затем я получаю ту же ошибку на точке с запятой. Есть мысли о том, как я могу избежать этих персонажей, чтобы заставить его работать? Спасибо!
2 ответа:
Используйте кавычки
""
, чтобы заключить текст и экранировать специальные символы, например, в вашем примере:graph TD question1{"Gas tank less than 1/8?"} action1["Fill tank to 100%"] question1-- Yes -->action1
Произведет эту диаграмму:
Это теперь задокументировано в официальной документации.