Question

我正在项目中使用最新的 Emojione Area 。我的 textarea 是这样的：

ENTRYPOINT

我正在使用最新的 jQuery v3.4.1分钟库。我的代码是这样的：

 <textarea id="emojionearea" style="display:none"></textarea>

但是我的问题出现在这里。我无法再更改文本区域的样式。即使使用！important ，我也尝试了一些CSS来覆盖默认样式，这丝毫没有发生。我想要以下CSS：

 $("#emojionearea").emojioneArea();

那么，有什么办法吗？在此先感谢

Answer 1

您必须执行以下操作才能解决问题：

.myCustomCss {
   width: 100vw!important;
   position: fixed!important;
   bottom: 0!important;
}

完成！剩下的代码可以，只需将您的textarea更新为：

<textarea class="myCustomCss" id="emojionearea"></textarea>

发生了什么：您不能将css直接添加到emojionetextarea中，而是将所有css嵌套在一个类中，然后在声明其id之前将其添加到textarea中。为什么呢这就是所谓的继承

Answer 2

这不会那样工作。将您的textarea封闭在div中，然后更改div的属性以更改textarea的属性。

$(document).ready(function(){
$("#myTextarea").emojioneArea(
{
pickerPosition  :"bottom"
}
);
});

.myDiv{
width:20rem;
height:10rem;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/emojionearea/3.4.1/emojionearea.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/emojionearea/3.4.1/emojionearea.css" rel="stylesheet"/>


<div class="myDiv">
<textarea id="myTextarea">

</textarea>
</div>

Answer 3

在def find_all(item, text, as_word=False): indexes = [] re_term = rf'\b{item}\b' if as_word else item for r in re.finditer(re_term, text.lower()): indexes.append(r.start()) return indexes if __name__ == '__main__': word = 'for' text = 'Now for a bold step forward.' print(find_all(word, text), find_all(word, text, as_word=True))文件顶部添加样式并使用自定义类名覆盖HTML的样式

emojioneArea plugin

$("#myTextarea").emojioneArea({
  pickerPosition: "bottom",
  filtersPosition: "bottom",
  tonesStyle: "square",
  shortnames: true,
  tones:false,
  search:false,
  placeholder: "Message (optional)",
});

Emojione Area定义的textarea除了重写的CSS修复

3 个答案: