WordPress的帖子標題輸入字段到文本區域

我有一個客戶在Wordpress中添加可笑的長標題的帖子。頁面標題很長，你不能在Wordpress編輯器頁面看到整個標題。他們希望增加標題輸入的大小，但是由於文本輸入將文本限制爲1行，因此無法使用CSS。我試圖將標題輸入更改爲tinyMce編輯器（http://wpsnipp.com/index.php/page/add-tinymce-editor-to-postpage-title-input-field/），但這也不起作用。我真的不想破解核心主題文件，但我能想到的唯一剩下的就是將文本輸入更改爲textarea字段。任何人有任何想法？網站正在運行WordPress 3.9.3。WordPress的帖子標題輸入字段到文本區域

來源

2014-11-24 Andy

您可以使用JS/CSS來擴展輸入字段，如textarea。 http://stackoverflow.com/questions/23818131/dynamically-expand-height-of-input-type-text-based-on-number-of-characters-typ – 2014-11-24 17:34:31

您可以設置寬度：

<input type="text" id="text" name="text_name" style="width: 300px !important;" />

，甚至更好地定義一個類：

<input type="text" id="text" name="text_name" class="mytext" />

，並在一個單獨的CSS文件應用必要的樣式：

.mytext { 
    width: 300px !important; 
}

如果你想限制用戶可以輸入到這個文本框中的字符數，你可以使用maxlength屬性：

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />

來源

2014-11-24 17:49:43

您可以使用jQuery隱藏輸入並在頁面加載時附加一個textarea。然後在texarea blure事件中更新隱藏的標題字段。

事情是這樣的：

$(document).ready(function(){ 
    $("#titlewrap input").hide(); 
    $("#titlewrap").append("<textarea rows='5' cols='60'></textarea>"); 
    $("#titlewrap").val($("#titlewrap input").val()); 
    $("#titlewrap").blur(function(){ 
     $("#titlewrap input").val($("#titlewrap textarea").val()); 
    }); 
});

我沒有測試的代碼。這只是爲了得到一個想法。

來源

2014-11-24 19:59:30

謝謝你..這看起來像一個很好的解決方案..仍然無法讓它工作，雖然..客戶已經改變了他們的想法無論如何..感謝您的幫助 – Andy 2014-11-25 15:41:31

WordPress的帖子標題輸入字段到文本區域

回答

相關問題