سؤال

وأنا باستخدام محرر نص YUI ريتش على موقعي. أنا تحميله باستخدام جافا سكريبت تحميل من جوجل. عندما أحاول إنشاء ارتباط (أو أي عمل آخر أن يخلق مربع "إعدادات"، شريط العنوان مفقود، انظر> وأ href = "http://img150.imageshack.us/i/missing.png/" يختلط = "نوفولو noreferrer"> الصورة هنا . يمكنك أن ترى كيف من المفترض أن تطل من فوق <لأ href = "http://developer.yahoo.com/yui/examples/editor/code_editor.html" يختلط = " نوفولو noreferrer "> هنا في موقع متوحشون ذوي اشكال بشرية لYUI.

وأنا باستخدام هذا الرمز في <head> العلامة:

<!--Include YUI Loader: --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script> 
<!--Use YUI Loader to bring in your other dependencies: --> 
<script type="text/javascript"> 
// Instantiate and configure YUI Loader: 
(function() { 
    var loader = new YAHOO.util.YUILoader({ 
        base: "http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/", 
        require: ["editor"], 
        loadOptional: true, 
        combine: false, 
        filter: "MIN", 
        allowRollup: true, 
        onSuccess: function() { 
            var Editor = new YAHOO.widget.Editor('content', {
                height: '300px',
                width: '802px',
            dompath: true, //Turns on the bar at the bottom
            animate: true //Animates the opening, closing and moving of Editor windows   
            });
            Editor.render(); 
    }     
});    

// Load the files using the insert() method. 
loader.insert(); 
})(); 
</script> 

وفي صفحتي:

<div class="sIFR-ignore yui-skin-sam">
    <textarea name="content" id="content" cols="50" rows="10">
    </textarea>
</div>
هل كانت مفيدة؟

المحلول

وحصلت على بعض المساعدة من ديفيد الزجاج، واحدة من المطورين من YUI RTE. كان الخطأ كان لي جعل الواقع شيء CSS، حيث بعض في بلدي CSS-الملفات التي كان خط عليها "H3 {الرؤية: مخفي؛}" الأمر الذي جعل هذا الخطأ. أي كيف، وذلك بفضل لمساعدتكم!

نصائح أخرى

وحاول إجبار عنوان الخاص بك للمحرر:

var Editor = new YAHOO.widget.Editor('content', {
                height: '300px',
                width: '802px',
            dompath: true, //Turns on the bar at the bottom
            animate: true //Animates the opening, closing and moving of Editor windows   
            });
            Editor._defaultToolbar.titlebar="<b>Use my title</b>";
            Editor.render(); 

وأنا قد أكون مخطئا هنا، ولكن نظرا ل SOP (ونفس السياسة المنشأ) I دون 'ر اعتقد جافا سكريبت استضافتها في جوجل سوف تكون قادرة على تعديل DOM (إلا إذا كنت جوجل).

وحاول وضع الجافا سكربت في خادم الويب الخاص بك وربط من هناك:

<script type="text/javascript" src="http://your.web.server.com/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script> 
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top