這是我的場景:我有一個輸入textarea,用戶在其中引入一些文本。文本是純文本,但用戶可以使用一些定義的宏,如{{username}}。如何使用CodeMirror將某些樣式應用於編輯器中的特殊標記
下面是一個例子
<textarea>The user {{Username}} loggedin at {{now}}</textarea>
我不希望用戶必須知道語法,所以我會有一些按鈕,當其在textarea的自動點擊插入宏。我想對這個宏應用一些基本的風格。例如,上面的含量應在
The user <span class="cm-mystyle">Username</span> logged in at <span class="cm-mystyle">Now</span>
轉化當使用用戶應處理「跨度」作爲一個塊,這意味着用戶不能改變跨距的內容的編輯器(只是刪除)。
我不知道CodeMirror是否是處理這種情況的正確工具。
閱讀文檔後,我的第一個方法是定義一個模式來處理我的令牌{{用戶名}}。但似乎我只能返回應用於令牌的樣式。所以我可以有這個
The user <span class="cm-mystyle">{{Username}}</span> logged in...
但我想刪除{{}}字符。然後,我閱讀了有關小部件的信息,這在我看來可以用來處理我的情況。
說實話,我有點困惑如何解決我的問題。任何幫助?