สอบถาม ckeditor เรียกเวลาทีเราต้องการแก้ไขข้อมูลหน่อยครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถาม ckeditor เรียกเวลาทีเราต้องการแก้ไขข้อมูลหน่อยครับ

สอบถาม ckeditor เรียกเวลาทีเราต้องการแก้ไขข้อมูลหน่อยครับ

 คือผมต้องกาทำปุ่มกดคลิก แล้วให้มีหน้าจอของ ckeditor โลออกมาและทำการพิมพ์ เช่น เมื่อพิมพ์ Hello ค่าที่ออกมามันได้ <p>hello</p> อยากให้พวกแท็กมันหายไปทำไงดีครับ อีกปัญหาใหญ่ของผมคือ เมื่อผมต้องการแก้ไขข้อความที่เพิ่ง submit ไป จะทำอย่างไรให้กลับมาแก้ไขในหน้า cheditor ได้หมือนเดิมครับ(ข้อมูลยังไม่จัดเก็บลงฐานข้อมูลนะครับ) นี่คือโค๊ดนะครับ ช่วยผมด้วย มือใหม่มากกครับ

อันนี้เป็น สำหรับ กดปุ่มครับ 

<a href="#" id="btn_html" class="btn btn-inverse">HTML</a>

อันนี้สำหรับปุ่มที่กดครับ

$('#btn_html').click(function() {
    var newId = createId(9);
    var pName = "paragraph_html" + newId;
    var EditorName = "editor_" + pName;
    var btntext = "<p><textarea id='" + EditorName + "'></textarea></p>";
    $(location_content).append(btntext);
    $(location_content + ' textarea#' + EditorName).ckeditor({
        uiColor: '#9AB8F3'
    });
    var editor_txt = "คุณยังไม่ได้เพิ่มข้อความ Html";
    var type = 1;
    var blank = "  ";

    var btn_update = $("<input type='button' id='update_" + EditorName + "' class='btn btn-info' value='แก้ไข'>");
    btn_update.click(function() {
        update_html(pName, EditorName, 1, 0);
    });

 $(location_content).append(btn_update);
});
function show_html(pName, EditorName) {
=============================
แสดง ckeditor ที่มีข้อคความสำหรับการแก้ไขครับ
  
==============================
    var type = 1;
    var btn_update = $("<input type='button' id='update_" + EditorName + "' class='btn btn-info' value='แก้ไข'>");
    btn_update.click(function() {
        update_html(pName, EditorName, 1, editor_txt);
    });
   
    $(location_content).append(btn_update);
   
}

function update_html(pName, EditorName, UorC, textval) {

    if (UorC == 1) {
        var editor_txt = $('#' + EditorName).val();
    } else {
        var editor_txt = textval;
    }

    var para = $("<p class='" + pName + "'></p>");
    para.text(editor_txt);
    para.click(function() {
        show_html(pName, EditorName);
    });
    $(location_content + " div#cke_" + EditorName).replaceWith(para);
    $(location_content + " [id*='" + EditorName + "']").remove();
    $(location_content).append(para);
}
            


Golfgabgogold 23-10-2013 23:05:16

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )







เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ