使用Jquery的注释

Question

我正在尝试写一篇论文写测试网站，我输入一篇文章使用文本区域，然后我想评论输入的文本，如PDF注释/突出显示评论我已经尝试了TinyMCE的注释API，但它引发了一个错误

对Attr.set的无效调用。关键数据-mce-alpha ::值undefined :: Element tinymce.min.js：8：48481错误：属性值不简单

和Annotation.js是5岁，jquery抛出一个错误，任何想法如何使用JS并存储它？

Answer 1

如果您使用https://www.tiny.cloud/docs/advanced/annotations/中的示例代码，那么示例代码对我来说也不起作用。

这是文档中的代码的一部分：

        ed.on('init', function() {
            ed.annotator.register('alpha', {
                persistent: true,
                decorate: function(uid, data) {
                    return {
                        attributes: {
                            'data-mce-alpha': data.alpha
                        }
                    };
                }
            });
        });

将data.alpha更改为data.comment，以便该段代码应如下所示：

ed.on('init', function() {
    ed.annotator.register('alpha', {
        persistent: true,
        decorate: function(uid, data) {
            return {
                attributes: {
                    'data-mce-alpha': data.comment
                }
            };
        }
    });
});

然后示例将工作 - 只需要在注释提示对话框中写一些文本，否则它将抛出相同的错误 - 所以请确保您将实现某种检查，如果注释字符串不为空。

希望有所帮助。

Answer 2

好吧，我通过添加一个旧的Jquery解决了这个问题，这里是代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="/js/annotator-full.min.js"></script>
<link rel="stylesheet" href="/css/annotator.min.css">

<script type="text/javascript">
    jQuery(function ($) {
        var annotation{{ $questionss->id }} = $('#content{{ $questionss->id }}').annotator().annotator('addPlugin', 'Tags');;

      annotation{{ $questionss->id }}.annotator('addPlugin', 'Store', {
        prefix: '/annotation',
        loadFromSearch : {
            page : {{ $questionss->q_type_id }}
        },
        annotationData : {
            page : {{ $questionss->q_type_id }}
        },
        urls: {
            create:  '/store',
            update:  '/update/:id',
            destroy: '/delete/:id',
            search:  '/search'
        }
      });

希望能帮助到你