jwysiwyg使用当前textarea值作为初始内容

时间:2012-10-28 08:03:10

标签: jquery

我在一个页面上的多个textarea上使用jwysiwyg。但是我的textarea有初始预填充值,我需要它使用它。而是使用了jwysiwyg的默认“初始内容”。

我的代码是:

$(document).ready(function(){
    $('textarea').wysiwyg({
        autoGrow:true, 
        initialContent: this.value,
        controls:"bold,italic,underline,|,undo,redo"
        });
});

欣赏我可以通过id单独调用每个textarea但是为了它而看起来像代码行。认为我的问题完全取决于我引用'this.value'的方式,但无法弄明白。

我可以通过在jswysywig.js中改变以下内容来解决这个问题 'initialContent = original.val();'  改成 'options.initialContent = original.val();'

2 个答案:

答案 0 :(得分:3)

这是你在找什么:http://jsfiddle.net/QjBh4/

希望这符合您的需求:))

P.S。 - 请随意使用我的演示并创建您的问题,如果我错过任何内容,我会尝试并帮助您!

脚本来源等。人

 <link rel="stylesheet" type="text/css" href="http://akzhan.github.com/jwysiwyg/help/lib/blueprint/screen.css" media="screen, projection" />
<link rel="stylesheet" type="text/css" href="http://akzhan.github.com/jwysiwyg/help/lib/blueprint/print.css" media="print" />
<link rel="stylesheet" href="http://akzhan.github.com/jwysiwyg/jquery.wysiwyg.css" type="text/css"/>
<script type="text/javascript" src="http://akzhan.github.com/jwysiwyg/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="http://akzhan.github.com/jwysiwyg/controls/wysiwyg.image.js"></script>

示例代码

(function($) {
    $(document).ready(function() {
        $('textarea').each(function() {
            value_of_textarea = this.value;
            $(this).wysiwyg({

                autoGrow: true,
                initialContent: function() {
                    return value_of_textarea;
                },
                controls: "bold,italic,underline,|,undo,redo"


            });
        });

    });
})(jQuery);​

答案 1 :(得分:0)

就我而言,我犯了一个愚蠢的错误。 value="whatever"不是textarea属性。我发布这个的唯一原因,我猜其他人犯了同样的错误,因为谷歌针对这个问题的结果数量。也许这在某些时候是jWysiwyg中的一个真正的错误,但它对我有用(没有任何修改)应该从v0.97开始工作

<textarea id="wysiwyg" rows="10" cols="80" wrap="physical" name="whatever">This is your initial content.</textarea>