أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

إضافة bbcode في محرر ckeditor5

السلام عليكم  قمت بتنصيب محرر ckeditor5 في المنتدى  لكن المشكل الذي واجهني هو كود إدراج أكواد bbcode في المحرر  هذا كود تمبلت editor_js  ماهي التع


موضوع مغلق


01-02-2024 10:29 صباحاً
معلومات الكاتب ▼
انضم في : 03-10-2023
رقم العضوية : 9,590
المشاركات : 71
الجنس :
تاريخ الميلاد : 20-5-1979
قوة السمعة : 300
موقعي : زيارة موقعي
السلام عليكم 
قمت بتنصيب محرر ckeditor5 في المنتدى 
لكن المشكل الذي واجهني هو كود إدراج أكواد bbcode في المحرر 
هذا كود تمبلت editor_js 
ماهي التعديلات التي يمكن عملها لكي أتمكن من إدراج أكواد bbcode في المحرر 
مع الشكر للمساعدة 

PHP
 
    
<html lang="en">
<head>
    <meta charset="utf-8">


    <title>CKEditor 5 – Classic editor</title>
<link rel="stylesheet" href="{$ForumAdress}look/ckeditor5/transfonter/stylesheet.css" />


  <script type="text/javascript" src="{$ForumAdress}look/ckeditor5/build/ckeditor.js"></script>
</head>
<body>
    <h1>Classic editor</h1>
    
    <textarea cols="50" id="text" name="text" rows="5">
{$text}
{$send_text}
{$GetReplyInfo}
{$GetSubjectInfo}
{$prev}
{$quote}
{$Sign}
{template}multi_quote{/template}
</textarea>  

    <script>
    ClassicEditor
    .create( document.querySelector( '#text' ), {
        codeBlock: {
            languages: [
                { language: 'css', label: 'CSS' },
                { language: 'html', label: 'HTML' },
{ language: 'js', label: 'JavaScript',},
{ language: 'plaintext', label: 'Plain Text' }
            ]
        },
fontFamily: {
            options: [
                'Droid Arabic Kufi',
                'Mikhak'
            ]
        },
fontSize: {
            options: [
                9,
                11,
                13,
                'default',
                17,
                19,
                21
            ]
        }





    } )
    


    .catch( error => {
        console.log( error );
    } );
    </script>
<dd class="smiles-bbcode">
<?php if($PowerBB->_CONF['template']['while']['Custom_bbcodesList']){?>
<fieldset class="pkr-b">
<legend class="pkr-b"><span class="smallfont" dir="rtl">{$lang['custom_bbcodes_mor']} BBcode</span></legend>
{Des::while}{Custom_bbcodesList}
{if {$Custom_bbcodesList['bbcode_useoption']} == '1'}
<span class="['bbcode_switch']" onclick="Custom_bbcodes_option('{$Custom_bbcodesList['bbcode_tag']}');" onmouseover="overIcon(this)" onmouseout="outIcon(this)" title="{$Custom_bbcodesList['bbcode_desc']}" class="editorbutton brd0" />{$Custom_bbcodesList['bbcode_switch']}</span>
{else}
<span class="['bbcode_switch']" onclick="Custom_bbcodes('{$Custom_bbcodesList['bbcode_tag']}');" title="{$Custom_bbcodesList['bbcode_desc']}" class="editorbutton brd0" />{$Custom_bbcodesList['bbcode_switch']}</span>
{/if}
<script type='text/javascript'>
function getSelectedHtml(editor)
{
var selection = editor.getSelection();
if( selection )
{
var bookmarks = selection.createBookmarks(),
range = selection.getRanges()[ 0 ],
fragment = range.clone().cloneContents();
selection.selectBookmarks( bookmarks );
var retval = "",
childList = fragment.getChildren(),
childCount = childList.count();
for ( var i = 0; i < childCount; i++ )
{
var child = childList.getItem( i );
retval += ( child.getOuterHtml?
child.getOuterHtml() : child.getText() );
}
return retval;
}
};
function Custom_bbcodes(bbcode_tag){
var editor = ClassicEditor.instances.text;
editor.insertHtml('['+bbcode_tag+']' + getSelectedHtml(editor) + '[/'+bbcode_tag+']');
}
function Custom_bbcodes_option(bbcode_tag,option){
var option = cbPrompt(bbcode_tag, '');
if(option){
var editor = ClassicEditor.instances.text;
editor.insertHtml('['+bbcode_tag+'='+option+']' + getSelectedHtml(editor) + '[/'+bbcode_tag+']');
}
}
</script>
{/Des::while}
</fieldset>
{/if}

look/images/icons/i1.gif إضافة bbcode في محرر ckeditor5
  03-02-2024 06:01 مساءً   [1]
معلومات الكاتب ▼
انضم في : 03-10-2023
رقم العضوية : 9,590
المشاركات : 71
الجنس :
تاريخ الميلاد : 20-5-1979
قوة السمعة : 300
موقعي : زيارة موقعي
الموضوع مطروح منذ ثلاثة أيام دون ردّ

:hmm: :hmm: :hmm: :hmm:

look/images/icons/i1.gif إضافة bbcode في محرر ckeditor5
  04-02-2024 11:41 صباحاً   [2]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,660
الدولة : KSA
الجنس :
الدعوات : 53
قوة السمعة : 74,556
موقعي : زيارة موقعي
وعليكم السلام 
عذراً على التأخير لم اتعامل مع الاصدار  ckeditor 5 فهو يبدو مختلف كلياً بمتغيراته عن الاصدار 4

على العموم تفضل جرب هذه التعديلات باستبدال محتوى قالب editor_js بالكامل بهذا وإن شاء الله تشتغل معاك

PHP
<link rel="stylesheet" href="{$ForumAdress}look/ckeditor5/transfonter/stylesheet.css" />
<script type="text/javascript" src="{$ForumAdress}look/ckeditor5/build/ckeditor.js">
<textarea id="text" name="text" contenteditable="true">
{$text}
{$send_text}
{$GetReplyInfo}
{$GetSubjectInfo}
{$prev}
{$quote}
{$Sign}
{template}multi_quote{/template}
</textarea>

<script type='text/javascript'>
let editor;
ClassicEditor
    .create( document.querySelector( '#text' ) )
    .then( newEditor => {
        editor = newEditor;
    } )
    .catch( error => {
        console.error( error );
    } );

// Assuming there is a <button id="submit">Submit</button> in your application.
document.querySelector( '#text' ).addEventListener( 'click', () => {
    const editorData = editor.getData();
    // ...
} );
    </script>
<dd class="smiles-bbcode">
<?php if($PowerBB->_CONF['template']['while']['Custom_bbcodesList']){?>
<fieldset class="pkr-b">
<legend class="pkr-b"><span class="smallfont" dir="rtl">{$lang['custom_bbcodes_mor']} BBcode</span></legend>
{Des::while}{Custom_bbcodesList}
<span class="bbcode_switch">
{if {$Custom_bbcodesList['bbcode_useoption']} == '1'}
<img alt="" src="{$Custom_bbcodesList['bbcode_switch']}" onclick="Custom_bbcodes_option('{$Custom_bbcodesList['bbcode_tag']}');" onmouseover="overIcon(this)" onmouseout="outIcon(this)" title="{$Custom_bbcodesList['bbcode_desc']}" class="editorbutton brd0" />
{else}
<img alt="" src="{$Custom_bbcodesList['bbcode_switch']}" onclick="Custom_bbcodes('{$Custom_bbcodesList['bbcode_tag']}');" title="{$Custom_bbcodesList['bbcode_desc']}" class="editorbutton brd0" />
{/if}
</span>
<script type="text/javascript">
function AddText(text){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText(text).value += text, insertPosition);
} );

}
function Addthrough(text,filename){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText(' <a href="'+ text +'" />'+ filename +'</a>', insertPosition);
} );
}
</script>
<script type="text/javascript" src="{$ForumAdress}includes/js/IEprompt.js"></script>
<script type='text/javascript'>

{if {$_CONF['info_row']['content_language']} != 'ar'}
function iePrompt(str){
var settings = "dialogWidth: 290px; dialogHeight: 160px; center: yes; edge: raised; scroll: no; status: no;";
return window.showModalDialog("includes/js/iePrompt_en.htm", str, settings);
}
{else}
function iePrompt(str){
var settings = "dialogWidth: 290px; dialogHeight: 160px; center: yes; edge: raised; scroll: no; status: no;";
return window.showModalDialog("includes/js/iePrompt_ar.htm", str, settings);
}
{/if}
function cbPrompt(str){
try {
if(window.showModalDialog){ return iePrompt(str); }
else { return prompt(str, ""); }
} catch (e) {
return iePrompt(str);
}
}
</script>


<script type='text/javascript'>

function Custom_bbcodes(bbcode_tag){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText( '['+bbcode_tag+']المحتوى[/'+bbcode_tag+']', insertPosition);
} );
}

function Custom_bbcodes_option(bbcode_tag,option){
var option = cbPrompt(bbcode_tag, '');
if(option){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText('['+bbcode_tag+'='+option+'][/'+bbcode_tag+']', insertPosition);
} );
}
}
</script>

{/Des::while}
</fieldset>
{/if}
<script type='text/javascript'>
function AddSmileyIcon(text){
editor.model.change( writer => {
var insertPosition = editor.model.document.selection.getFirstPosition();
writer.insertText( text, insertPosition);
} );
}
</script>
<fieldset class="pkr-b">
<legend class="pkr-b">{$lang['smiles']}</legend>
<?php $t=0; ?>
<table class="wd100 brd0 clp0 clpc1">
<tr class="va-t">
{Des::while}{SmileRows}
<?php
if($t== $PowerBB->_CONF['template']['_CONF']['info_row']['smil_columns_number']){
$t=0;
echo "</tr><tr>";
}?>
<td class="wd10">
<a href="javascript:void(0)">
<img src="{$SmileRows['smile_path']}" OnClick="AddSmileyIcon('{$SmileRows['smile_short']}');" alt="{$SmileRows['smile_short']}" onmouseover="overIcon(this)" onmouseout="outIcon(this)" title="{$SmileRows['smile_short']}" class="brd0" />
</a>
</td>
<?php $t=$t+1;?>
{/Des::while}
</tr>
</table>
</fieldset>

look/images/icons/i1.gif إضافة bbcode في محرر ckeditor5
  04-02-2024 12:04 مساءً   [3]
معلومات الكاتب ▼
انضم في : 03-10-2023
رقم العضوية : 9,590
المشاركات : 71
الجنس :
تاريخ الميلاد : 20-5-1979
قوة السمعة : 300
موقعي : زيارة موقعي
للّه درّك أخي سليمان
بوركت أخي وجزاك الله كل الخير 
تم الأمر بنجاح 

look/images/icons/i1.gif إضافة bbcode في محرر ckeditor5
  18-02-2024 10:44 مساءً   [4]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,660
الدولة : KSA
الجنس :
الدعوات : 53
قوة السمعة : 74,556
موقعي : زيارة موقعي
السلام عليكم ورحمة الله وبركاته ،،

تم غلق الموضوع لأحد الأسباب التالية:
  1. تم حل المشكلة والحمد لله.
  2. بقاء الموضوع لمدة 3 أيام بدون الرد عليه أو وجود إشارة تدل على رجوع العضو إليه.
  3. لا يوجد حل لهذه المشكلة (إذا وجد الحل سوف يتم إعادة فتح الموضوع).
عزيزي العضو حرصا على عدم تداخل المواضيع ببعضها وبالتالي صعوبة إستخدام عملية البحث بالنسبة للأعضاء قررت إدارة المنتديات بإغلاق المواضيع التي تتوافق مع الأسباب السابقة. بإمكانك بدأ موضوع جديد أو مراسلة أحد المشرفين إن كنت متأكد من رغبتك في الإستمرار .

إدارة المنتديات،،



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
شرح إضافة اكواد BBCODE مخصصة للمحرر Sofiene2023
2 354 abuelkher
اضافة تغريدة تويتر Twitter bbcode - PBBoard Soliman
5 1113 السياحة في شرم الشيخ
اضافة مشاركة إنستقرام Instagram BBCode Soliman
1 735 Soliman
[مجابه] مطلوب حل مشكلة عدم تفعيل BBCode لبلوك آخر الأخبار المطور في صفحة المجلة moner9
7 1839 Soliman
[مجابه] الحقول المخصصة BBcode لاتعمل سناء
9 1248 Soliman

الكلمات الدلالية
ckeditor5 ، محرر ، bbcode ، إضافة ،









الساعة الآن 06:19 AM