我無法將佔位符屬性添加到Magento CMS頁面中的輸入元素。事情是這樣的:將placholder屬性添加到Magento CMS頁面
<input type="text" placeholder="Hello" />
我繼續保存CMS頁面,但是,在我看來,Magento的覆蓋佔位符屬性,防止HTML通常看到從正在顯示的佔位符。
有沒有辦法做到這一點?
我無法將佔位符屬性添加到Magento CMS頁面中的輸入元素。事情是這樣的:將placholder屬性添加到Magento CMS頁面
<input type="text" placeholder="Hello" />
我繼續保存CMS頁面,但是,在我看來,Magento的覆蓋佔位符屬性,防止HTML通常看到從正在顯示的佔位符。
有沒有辦法做到這一點?
這是一個有點棘手。如果您檢查cms_page
數據庫表,您會發現Magento實際上是將您的HTML標記保存爲placeholder
屬性。另外,如果您通過前端而不是管理界面查看頁面,您會發現Magento呈現您的佔位符屬性。
問題是,Magento的tinymce編輯器配置爲去掉無效的input
屬性,並且該列表尚未更新以反映HTML5中的更改。
如果您使用的Magento的合理的現代版,您可以通過插入下面的JavaScript到管理頁面後的JavaScript加載TinyMCE的解決這個問題,但以前 Magento的運行內嵌wysiwygpage_content = new tinyMceWysiwygSetup...
的JavaScript。 警告:我只是把它扔在一起,它可能不適用於所有的瀏覽器。買家要小心,試驗等
if(tinyMceWysiwygSetup)
{
tinyMceWysiwygSetup.prototype.originalGetSettings = tinyMceWysiwygSetup.prototype.getSettings;
tinyMceWysiwygSetup.prototype.getSettings = function(mode)
{
var settings = this.originalGetSettings(mode);
settings.extended_valid_elements = 'input[placeholder|accept|alt|checked|disabled|maxlength|name|readonly|size|src|type|value]';
return settings;
}
}
更新:我有一個new module它提供了將這些各種各樣的TinyMCE的設置,Magento的編輯一個簡單的機制。
嘿艾倫。感謝你的回答。當我嘗試應用佔位符時,我以爲我看到了一些東西。 – koramaiku