化学式・化学反応式の入力を楽にする Vue.js コンポーネント

概要や解説

Zennにまとめました。こちらからご覧ください

例

PbO2 + 4H+ + SO4 2- + 2e- --> PbSO4 + 2H2O Pb 2+ + 2OH- --> Pb(OH)2 Dn Ag2O + 4NH3 + H2O --> 2[Ag(NH3)2]+ + 2OH-

化学式のレギュレーション

• 元素は、元素記号で表記する。電子はeと書く。
  H He NaCl
• 組成式や分子式で元素記号の右下に書く数（比や個数を表す）はそのまま書いてよい。
  CaCl2 H2O
• 係数は、元素記号の前に空白なしに数字で表記する。分数を使ってもよい。
  2O2 10H2O2 3/2O2
• イオン式は、イオンの価数が1のときは元素記号の後ろに空白なしに表記する。
  4H+ 2OH- (- はハイフンマイナス)
• イオンの価数が2以上のときは、元素記号の後ろに半角スペースを開けて表記する。
  SO4 2- Al 3+
• 式にかっこが必要なときは、該当箇所に空白なしに表記する。
  Ca(OH)2 2[Ag(NH3)2]+
• 化学反応式をつなぐ+、-->の前後には半角スペースを開ける。
• 沈殿↓、気体の発生↑は、式の後ろに半角スペースを開けDn、Upと表記する。
  Pb(OH)2 Dn 3CO2 Up（解釈の過程でPb(OH)2↓、3CO2↑に変換される）