标签: summernote

有人可以帮我使用textareaSummernote 的默认名称值吗？编辑器在页面上看起来正确(我可以使用界面修改文本)但POST根据我的理解不起作用.

我尝试了各种POST变量,但似乎没有一个是正确的.例子是summernote,note-codable和text-area.最后两个来自summernote.js.Jquery不是我经验丰富的东西,所以请宝贝 - 我.

这些是我正在使用的.

 $('#summernote').summernote({height: 300});
 var sHTML = $('#summernote').code();

和

 <div name="summernote" id="summernote"><?php echo $news_body; ?></div>

我还尝试将下面的行分别尝试将textarea名称更改为content:

var sHTML = $('#summernote').code(); 
$('#summernote').code();
var content = $('textarea[name="content"]').html($('#summernote').code());
$('textarea[name="content"]').html($('#summernote').code());
var sHTML =  $('textarea[name="content"]').html($('#summernote').code());
var textareaValue = $("#content").code();
$("summernote").code(html);

我有一个'模板'选择器,使人们可以更改当前textarea的'text/html'.

因此,当他们更改模板时,我需要更新Summernote HTML.我看到了(insertText)的方法,但它不适用于HTML.

是否有HTML版本的解决方案？

我以为有一个.code()解决方案,但似乎没有工作？我收到错误,"不是函数"

任何帮助将不胜感激!

$('.dialogMessageArea').summernote({
            height:'230px',
            focus:true,
            toolbar: [
                ['style', ['bold', 'italic', 'underline', 'clear']],
                ['fontsize', ['fontsize']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['misc', ['fullscreen','undo','redo']]
            ]
        });

        $(document).on('change', '.messageTemplate', function() {
            var templateId = $(this).selected().attr('value');
            if(templateId) {
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: '/cont/templates/GetTemplate',
                    data: {'templateId': templateId},
                    success: function (data) {
                        $('.subjectMessage').val(data.results[0].subject);
                        if(data.results[0].template) {
                            $('.dialogMessageArea').code(data.results[0].template);
                        }
                    },
                    error: function () {
                        alert('We were not able to get your template');
                    }
                });
            }
        });

console.log($('.dialogMessageArea'));
console.log("<b>Welcome</b><h3>hello world</h3>");

我正在使用文本框的summernote插件:http://summernote.org/#/getting-started#basic-api

这是我使用summmernote的形式:

<div class="modal-body" style="max-height: 600px">
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(true)
        <fieldset class="form-horizontal">
            <div id="textForLabelLanguage"></div>
            <button type="submit" class="btn btn-primary">Save changes</button>
            @Html.ActionLink("Cancel", "Index", null, new { @class = "btn " })
        </fieldset>
    }
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('#textForLabelLanguage').summernote();
    });
</script>

现在,在我的控制器中,这是我的代码:

public ActionResult Create(UserInfo newInfo , [Bind(Prefix = "textForLabelLanguage")] string textForLabelLanguage)
{
    //logic here
}

现在问题是textForLabelLanguageparam总是为null.

发生这种情况是因为我在提交$('#textForLabelLanguage').code();表单时必须传入MVC,但我不知道该怎么做!

我该如何解决我的问题？

我这里有一个jsFiddle - > http://jsfiddle.net/cm910t89/2/

我在Summernote WYSIWYG编辑器中创建了一个自定义按钮,我似乎无法让我的功能在插件中正常工作.

我希望用户能够突出显示(或选择使用他们的光标)编辑器中的任何文本,然后单击我的自定义按钮,该按钮将选定的文本包装在span带有特殊类别"snote" 的标签中.

现在我可以使用该类将选定内容包装在span标记中,但编辑器中的所有格式都将被删除.

任何人都可以帮助,以便所选文本包含在span标记中并且格式保持不变？

jsFiddle - > http://jsfiddle.net/cm910t89/2//

$(document).ready(function() {
var editor = $('#summernote');
editor.summernote({
    height: ($(window).height() - 250),
    focus: false,
    toolbar: [
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['font', ['strikethrough']],
            ['fontsize', ['fontsize']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['view', ['fullscreen', 'codeview']],
        ],
    oninit: function() {
        // Add "open" - "save" buttons
        var noteBtn = '<button id="makeSnote" type="button" class="btn btn-default btn-sm btn-small" title="Identify a music note" data-event="something" tabindex="-1"><i class="fa fa-music"></i></button>';            
        var …

我正在尝试在文本字段上创建一个富文本编辑器.为了做到这一点,我正在使用Summernote.我让编辑器初始化接近我想要的方式.我真的很喜欢airmode在悬停而不是点击时表现.不过,有一个奇怪的行为是我真正的问题.

如此小提琴所示,用户可以开始在屏幕上输入三个编辑器之一.但是,只要输入空格,文本就会转到输入字段上方的行.它不会停留在同一条线上.奇怪的是,输入行正上方的文本不允许进行富编辑.我正在初始化文本字段,如下所示:

  var optionEditors = $('.option-editor');
  for (var i=0; i<optionEditors.length; i++) {
    $(optionEditors[i]).summernote({
      airMode: true,
      popover: {
        air: [
          ['font', ['bold', 'underline', 'clear']]
        ]
      }
    });
  }

我错过了什么？一切看起来都很正确.只是这种行为似乎是错误的.谢谢.

Summernote wysiwyg编辑器将图像文件编码为Base64.嗯,这看起来很方便,但我希望DB能够长期使用.这将导致一些问题 - 搜索速度慢,实现图像库等...

我想知道它是否可以选择关闭此编码选项并使用'插入url'方法intead.我一直在寻找它,但还没有取得很大的成功.

例如,而不是像......那样存储图像

<img style="width: 640px;" src="data:image/jpeg;base64,/9j/4Qv6RXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAeAAAAcgEyAAIAAAAUAAAAkIdp...............>

它应该是...

<img src="/images/blah/blah.jpg.">

有文件吗？或者参考的任何例子？

谢谢 !

我曾尝试过很多WYSIWYG编辑器,如TinyMCE,Ckeditor和Summernote.

我喜欢Summernote的简单性和编辑/保存功能,但是summernote似乎没有像TinyMCE或CKEditor这样的图像管理器插件.

我的webapp有一个可以由个人用户上传的照片池(媒体库).我希望有一个功能允许用户从池中选择照片,并在Summernote中编辑文章时将其添加到textarea中(就像Wordpress一样).

如果真的没有支持插件,任何人都可以给我一些提示如何手动完成此功能吗？

Summernote为您提供了在创建编辑器时将焦点放在编辑器上的选项,并传递以下选项:

$('#summernote').summernote({
     focus: true
});

但是在初始化之后,似乎你无法通过点击按钮或类似的东西来关注textarea.我尝试了几种方法,没有成功.

谁做到了？

我正在努力弄清楚如何使用angular-summernote回调on-image-upload.

我视图中的代码:

<summernote data-editable="editable" data-on-image-upload="imageUpload(files, editor)"></summernote>

而imageUplaod功能:

$scope.imageUpload = function(files, editor) {
    console.log(files);  // FileList
    console.log(editor);  // undefined
    console.log($scope.editable); // undefined
};

并且图像未插入编辑器中.我已经尝试使用googling来获取imageUpload上的实现示例,但是找到了null.谁能告诉我怎么做？

我正在使用summernote,有时候我需要的字体值比font-size列表中的值更高.这是我目前的代码:

$('#summernote').summernote({
  toolbar: [
    ['style', ['style']],
    ['fontsize', ['fontsize']],
    ['font', ['bold', 'italic', 'underline', 'clear']],
    ['fontname', ['fontname']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']],
    ['insert', ['picture', 'hr']],
    ['table', ['table']]
  ],
  height: 585,
  focus: false
});

我试图放入工具栏字体大小(数字如10,20,25,30),但它没有帮助.有什么方法可以设置我自己的自定义字体大小列表？