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的帖子标题输入字段到文本区域

回答

相关问题