文章/答案/技术大牛

发布

社区首页 >问答首页 >Emojione区域没有显示表情面板

问Emojione区域没有显示表情面板
EN

Stack Overflow用户

提问于 2017-01-31 16:48:34

回答 2查看 5.6K关注 0票数 5

我正在使用Emojione地区 JavaScript插件。然而，我只得到文本区域显示，没有表情窗格。

以下是我的HTML文件：

    <html>
    <head>
        <link rel="stylesheet" href="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.css">
        <script type="text/javascript" src="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <link rel="stylesheet" href="stylesheet.css">
    </head>
    <body>
        <script>
            $(document).ready(function() {
                $("#emojionearea1").emojioneArea({
                    pickerPosition: "left",
                    tonesStyle: "bullet"
                });
        </script>

        <div class="row">
            <div class="span6">
                <textarea id="emojionearea1">Default :smile:</textarea>
            </div>
        </div>
    </body>
</html>

emojione

javascript

area

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-04-18 06:55:41

在代码上有两件事需要修复：

您需要在jQuery中导入EmojioneArea之前的Javascript文件
Javascript中的脚本没有关闭函数$(document).ready()

因此，应：

<html>
<head>
    <link rel="stylesheet" href="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.js"></script>
    <link rel="stylesheet" href="stylesheet.css">
</head>
<body>

<div class="row">
    <div class="span6">
        <textarea id="emojionearea1">Default :smile:</textarea>
    </div>
</div>

<script>
    $(document).ready(function() {
        $("#emojionearea1").emojioneArea({
            pickerPosition: "left",
            tonesStyle: "bullet"
        });
    })
</script>

</body>
</html>

弹出窗口将出现在右侧，因为左侧不是属性pickerPosition的有效值。根据文档(www.github.com/mervick/emojionearea)，唯一的有效值是top、right和bottom。值top是默认值。

我希望它能帮到你

诚挚的问候

票数 2

Stack Overflow用户

发布于 2021-10-23 17:04:02

我也遇到了一个类似的问题: emojioneArea面板不可见，不管位置设置到什么位置。我添加了属性inline: true，它就出现了。

<script>
$(document).ready(function() {
    $("#emojionearea1").emojioneArea({
        pickerPosition: "left",
        tonesStyle: "bullet",
        inline: true
    });
})

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41962982

复制

相似问题

问Emojione区域没有显示表情面板
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Emojione区域没有显示表情面板EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Emojione区域没有显示表情面板
EN