标签: summernote

在提交之后的所有字段中,除了TEXTAREA之外,所有字段都被清除.我使用summernote for textarea.(使用bootstrap)

<script type='text/javascript'>//<![CDATA[ 
$(function(){
$('#description').summernote({height: 500});
});//]]>  
</script>

#description 是textarea的id.

重置完成如下

<script>
$('#submit-box')[0].reset();
</script>

#submit-box 是表单的id

我目前正在按照说明从ASP.NET MVC Razor中的summernote控件处理图像上传.

服务器代码:

[HttpPost]
    public ActionResult UploadImage(HttpPostedFileBase file)
    {
        var imageUrl = UpdateProfilePicture(file);
        return Json(imageUrl);
    }

和 客户端ajax:

<script>
$('.summernote').summernote({
    height: 200,
    focus: true, onImageUpload: function (files, editor, welEditable) {
        sendFile(files[0], editor, welEditable);
    }
});
function sendFile(file, editor, welEditable) {

    console.log(file);
    $.ajax({
        data: {file:file},
        type: "POST",
        url: "@Url.Action("UploadImage","Message")",
        cache: false,
        contentType: false,
        processData: false,
        success: function (url) {
            editor.insertImage(welEditable, url);
        }
    });
}

我在服务器端方法得到了一个结果,但参数HttpPostedFileBase file为null

一些例子说可行,但我的代码在功能上不起作用!

有任何想法吗 ？

我是summernote文本编辑器的新手.我试图从summernote textarea中获取正确的内容,其中包含html标签.我试过了

    <textarea class="summernote" id="summernote"  ng-model="blog.content" ></textarea>

在我的html页面中获取textarea内容,

     $("#summernote").code();

它是在html标签中获取内容.我希望在没有html标签的情况下显示内容.

谢谢你的建议.

我想知道如何使用 jQuery 或 JavaScript 重置或清除引导程序 Summernote WYSIWYG 编辑器。

我试过下面的代码

$('#MyForm').delay(1000).resetForm(1000);

此剂量重置整个表单，除了带有 Summernote 的 textarea

$('#SummernoteText').reset();

SummernoteText 是 html textarea 但代码根本不做任何事情。

$('#SummernoteText').destroy();

以上似乎破坏了编辑器而不是清除编辑器。

有人可以指出我的方法来做到这一点。

链接到 Summernote http://summernote.org/#/

我目前正在使用summernote并且有一个很好用的php文件上传器。但是，插入的图像有时可能非常大，1920x1080 或更大。

Summernote 带有一个很棒的图像“缩放”功能，我很想以编程方式触发它。所以当我上传并插入我的图像时，它会自动缩小到给定的百分比。

我知道我可以调整图像服务器端的大小，但我会在图像上做一个灯箱，所以我想要它们的全尺寸，但按比例缩小。

有没有人做过类似的事情？

我正在为 Summernote 所见即所得编辑器（版本 0.8.1）开发一个插件，以将 iframe 元素插入到代码中。

使用提供的示例，我设法在菜单中找到了插件按钮，这会打开一个对话框，我可以在其中输入 URL 和标题。在源码中添加 iframe Tag 没有问题，但这不是我想要的。

我想在代码中插入一个占位符，使用类似（或类似于）这样的标记：

<div class="ext-iframe-subst" data-src="http://www.test.example" data-title="iframe title"><span>iframe URL: http://www.test.example</span></div>

现在，summernote 允许我编辑跨度的内容，但我想要一个占位符，它不能在编辑器中修改。

如何在编辑器中插入一个占位符，它具有以下属性：

• 它可以作为单个块进行编辑（可以通过一次删除来删除）
• 单击时，我可以打开类似于链接或图像弹出框的弹出框来调整大小 fi
• 内部内容不可修改

这是我到目前为止：

// Extends plugins for adding iframes.
//  - plugin is external module for customizing.
$.extend($.summernote.plugins, {
  /**
   * @param {Object} context - context object has status of editor.
   */
  'iframe': function (context) {
    var self = this;

    // ui has renders to build ui elements.
    //  - you can create a button …

我尝试创建具有以下功能的待办事项列表：

1. 可分类项目
2. 每个项目中的 WYSIWYG 编辑器
3. 待办事项模型中项目编辑器存储中的每个更改

我做了 1 和 2 但不能做 3。我只能更改任务数组中第一个任务的标题

这是我的代码

应用程序.js

Vue.directive('summernote', {
  bind: function() {
    this.editor = $(this.el).summernote({
      airMode: true,
      disableDragAndDrop: true,
      popover: {
        air: [
          ['style', ['bold', 'italic', 'underline', 'clear']]
        ]
      },
      callbacks: {
        onChange: function(contents, $editable) {
          vm.tasks[0].title = contents;
        }
      }
    });
  }
});

var vm = new Vue({
  el: '#todos',

  ready: function (value) {
    Sortable.create(this.$el.firstChild, {
      draggable: 'li',
      animation: 500,
      onUpdate: function(e) {
        var oldPosition = e.item.getAttribute('data-id');
        var newPosition = this.toArray().indexOf(oldPosition);
        vm.tasks.splice(newPosition, …

我已经使用 npm安装了 jquery 插件summernote，它位于我的 node_modules 目录中。

我现在正在尝试以与之前在 html 中加载脚本时几乎相同的方式来使用 summernote 函数。

import { summernote } from 'summernote';

export default function () {
    const summernote = $('.editor');
    summernote.summernote();
}

我无法通过上面的代码抛出 summernote.summernote is not a function

我一直在检查summernote API，有我的代码

<form id="mail">
  <input type="text" id="email">
  <textarea id="summernote"></textarea>
  <input type="submit">
</form>

<form id="mail">
  <input type="text" id="email">
  <textarea id="summernote"></textarea>
  <input type="submit">
</form>

我的问题是消息已成功发送，但我没有收到该文本区域值，只是一封空电子邮件。请帮忙。

注意：我使用 phpMailer 发送电子邮件。

我找不到有关如何在 Summernote 编辑器中获取光标位置的任何文档。我知道如何在普通的 textarea 中执行此操作，但是在 Summernote 中，编辑器呈现为 div，因此我迷路了。

有没有人对如何解决这个问题有一些想法，或者这在当前版本的 Summernote 中根本不可能。我对黑客持开放态度。