辛哈自定義按鈕

我使用辛哈編輯器作爲我的辦公室自定義CMS應用程序的一部分。我試圖讓用戶突出顯示零件號並點擊「零件」按鈕。我想要發生的是，所選擇的HTML /文本將被<part>和</part>封裝（這將在顯示時進行處理，以提供指向所選部分信息的頁面鏈接）。辛哈自定義按鈕

我真的在這裏掙扎。這是迄今爲止的代碼。我假設我需要在選定的特定位置找到選定的文本並進行替換，但我無法找到任何關於如何在選定範圍內訪問HTML的文檔。

xinha_config.btnList["part"] = [ 
    "Part Number", 
    "/xinha/images/part.png", 
    true, 
    function(e) { 
     var part = e.getSelectedHTML(); // This is the selected part number 

    } 
];

來源

2013-05-07 Dutchie432

爲此，您必須按照稍長一點的程序。

我給你的步驟..

當你想封裝在<part>

1所選文本），你需要捕捉所選文本的父母，

2）捕捉父的innerHTML

3）找到的在所述內HTML讓選取的起始計說43

4）插入第一標籤<part>此次更新43 + 6（標記）= 49 選定的文本從這裏開始。 5）現在，選定文本的長度爲49 + 12 = 49 + 12 = 61;在這裏你會插入結束標記</part>

和你與你的任務做..

編輯，文檔：Link

我能夠識別配置變量列表，將幫助，

Link 3在這裏你會發現這個xinha_config >>格式塊 http://trac.xinha.org/wiki/Documentation/ConfigVariablesList#xinha_config.formatblock

一些如何，如果你能夠添加在<part>下面這個..

... 
"Formatted": "pre", 
"Part": "part" 
}

應該做的......按我的理解

和其他方式爲custom style，這會給pageStyle的細節。使用它你可以自定義任何內置的html標籤..讓我們說，或其他。

並將其樣式自定義爲黃色。

xinha_config.pageStyle = 
    'p { color:red; }\n' + 
    'h1 { color:yellow; }\n' + 
    'a {text-decoration:none; }' + 
    'span{background-color:yellow; }';

我希望這將有助於...

來源

2013-05-21 04:51:24 MarmiK

不要誤會我的意思 - 我明白這背後的邏輯。多年來，我用幾十種編程語言做了類似的事情。正如我在我的問題中所述 - 「我無法找到任何有關如何在選定範圍內訪問HTML的文檔。」 - 感謝您付出的時間。 – Dutchie432 2013-05-21 09:06:51

有什麼具體的東西我應該看？我已經很好地搜索了文檔。 – Dutchie432 2013-05-21 09:21:57

我已更新答案..編輯後請參考答案：.. :)我相信這會做.. – MarmiK 2013-05-21 09:41:58

辛哈自定義按鈕

回答

相關問題