• 29-08-2024, 09:37:32
    #1
    Hocalarım merhaba,
    Admin panelinde CKEditor'de ki veriyi veritabanına post ediyorum. Veritabanı içeriği güzel şekilde yazdırıyor.
    "<p><strong>Selam dostum nasılsın?</strong></p><h2>İyiyim</h2>"
    Admin panelinde içeriği bir div'e çektiğimde veritabanında ki o HTML kodları uyarlanmış şekilde geliyor.


    Bu veriyi asıl göstermek istediğim yer olan siteye çektiğimde ise HTML taglar uyarlanmamış şekilde geliyor.


    Veritabanı:


    CK Editor HTML Kodu:
    <textarea name="content_text" id="contentcreate" class="form-control contentCreate">
    </textarea>
    CK Editor Javascript kodu:
    CKEDITOR.ClassicEditor.create(document.getElementById("contentcreate"), {
                // https://ckeditor.com/docs/ckeditor5/latest/features/toolbar/toolbar.html#extended-toolbar-configuration-format
                toolbar: {
                    items: [
                        'exportPDF', 'exportWord', '|',
                        'findAndReplace', 'selectAll', '|',
                        'heading', '|',
                        'bold', 'italic', 'strikethrough', 'underline', 'code', 'subscript', 'superscript', 'removeFormat', '|',
                        'bulletedList', 'numberedList', 'todoList', '|',
                        'outdent', 'indent', '|',
                        'undo', 'redo',
                        '-',
                        'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor', 'highlight', '|',
                        'alignment', '|',
                        'link', 'insertImage', 'blockQuote', 'insertTable', 'mediaEmbed', 'codeBlock', 'htmlEmbed', '|',
                        'specialCharacters', 'horizontalLine', 'pageBreak', '|',
                        'textPartLanguage', '|',
                        'sourceEditing'
                    ],
                    shouldNotGroupWhenFull: true
                },
                // Changing the language of the interface requires loading the language file using the <script> tag.
                // language: 'es',
                list: {
                    properties: {
                        styles: true,
                        startIndex: true,
                        reversed: true
                    }
                },
                // https://ckeditor.com/docs/ckeditor5/latest/features/headings.html#configuration
                heading: {
                    options: [{
                            model: 'paragraph',
                            title: 'Paragraph',
                            class: 'ck-heading_paragraph'
                        },
                        {
                            model: 'heading1',
                            view: 'h1',
                            title: 'Heading 1',
                            class: 'ck-heading_heading1'
                        },
                        {
                            model: 'heading2',
                            view: 'h2',
                            title: 'Heading 2',
                            class: 'ck-heading_heading2'
                        },
                        {
                            model: 'heading3',
                            view: 'h3',
                            title: 'Heading 3',
                            class: 'ck-heading_heading3'
                        },
                        {
                            model: 'heading4',
                            view: 'h4',
                            title: 'Heading 4',
                            class: 'ck-heading_heading4'
                        },
                        {
                            model: 'heading5',
                            view: 'h5',
                            title: 'Heading 5',
                            class: 'ck-heading_heading5'
                        },
                        {
                            model: 'heading6',
                            view: 'h6',
                            title: 'Heading 6',
                            class: 'ck-heading_heading6'
                        }
                    ]
                },
                // https://ckeditor.com/docs/ckeditor5/latest/features/editor-placeholder.html#using-the-editor-configuration
                placeholder: 'Welcome to CKEditor 5!',
                // https://ckeditor.com/docs/ckeditor5/latest/features/font.html#configuring-the-font-family-feature
                fontFamily: {
                    options: [
                        'default',
                        'Arial, Helvetica, sans-serif',
                        'Courier New, Courier, monospace',
                        'Georgia, serif',
                        'Lucida Sans Unicode, Lucida Grande, sans-serif',
                        'Tahoma, Geneva, sans-serif',
                        'Times New Roman, Times, serif',
                        'Trebuchet MS, Helvetica, sans-serif',
                        'Verdana, Geneva, sans-serif'
                    ],
                    supportAllValues: true
                },
                // https://ckeditor.com/docs/ckeditor5/latest/features/font.html#configuring-the-font-size-feature
                fontSize: {
                    options: [10, 12, 14, 'default', 18, 20, 22],
                    supportAllValues: true
                },
                // Be careful with the setting below. It instructs CKEditor to accept ALL HTML markup.
                // https://ckeditor.com/docs/ckeditor5/latest/features/general-html-support.html#enabling-all-html-features
                htmlSupport: {
                    allow: [{
                        name: /.*/,
                        attributes: true,
                        classes: true,
                        styles: true
                    }]
                },
                // Be careful with enabling previews
                // https://ckeditor.com/docs/ckeditor5/latest/features/html-embed.html#content-previews
                htmlEmbed: {
                    showPreviews: true
                },
                // https://ckeditor.com/docs/ckeditor5/latest/features/link.html#custom-link-attributes-decorators
                link: {
                    decorators: {
                        addTargetToExternalLinks: true,
                        defaultProtocol: 'https://',
                        toggleDownloadable: {
                            mode: 'manual',
                            label: 'Downloadable',
                            attributes: {
                                download: 'file'
                            }
                        }
                    }
                },
                // https://ckeditor.com/docs/ckeditor5/latest/features/mentions.html#configuration
                mention: {
                    feeds: [{
                        marker: '@',
                        feed: [
                            '@apple', '@bears', '@brownie', '@cake', '@cake', '@candy', '@canes', '@chocolate', '@cookie', '@cotton', '@cream',
                            '@cupcake', '@danish', '@donut', '@dragée', '@fruitcake', '@gingerbread', '@gummi', '@ice', '@jelly-o',
                            '@liquorice', '@macaroon', '@marzipan', '@oat', '@pie', '@plum', '@pudding', '@sesame', '@snaps', '@soufflé',
                            '@sugar', '@sweet', '@topping', '@wafer'
                        ],
                        minimumCharacters: 1
                    }]
                },
                // The "super-build" contains more premium features that require additional configuration, disable them below.
                // Do not turn them on unless you read the documentation and know how to configure them and setup the editor.
                removePlugins: [
                    // These two are commercial, but you can try them out without registering to a trial.
                    // 'ExportPdf',
                    // 'ExportWord',
                    'CKBox',
                    'CKFinder',
                    'EasyImage',
                    // This sample uses the Base64UploadAdapter to handle image uploads as it requires no configuration.
                    // https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/base64-upload-adapter.html
                    // Storing images as Base64 is usually a very bad idea.
                    // Replace it on production website with other solutions:
                    // https://ckeditor.com/docs/ckeditor5/latest/features/images/image-upload/image-upload.html
                    // 'Base64UploadAdapter',
                    'RealTimeCollaborativeComments',
                    'RealTimeCollaborativeTrackChanges',
                    'RealTimeCollaborativeRevisionHistory',
                    'PresenceList',
                    'Comments',
                    'TrackChanges',
                    'TrackChangesData',
                    'RevisionHistory',
                    'Pagination',
                    'WProofreader',
                    // Careful, with the Mathtype plugin CKEditor will not load when loading this sample
                    // from a local file system (file://) - load this site via HTTP server if you enable MathType
                    'MathType'
                ]
            });
    Veriyi çekerken kullandığım kod:
    <?php echo htmlspecialchars_decode($content['content_text']); ?>
    Post ederken kullandığım kod:
    $content_text = filter_var($_POST['content_text'], FILTER_UNSAFE_RAW);
    Yardımcı olabilir misiniz?
  • 29-08-2024, 09:42:38
    #2
    <?php echo htmlspecialchars_decode($content['content_text']); ?>

    Sorun burada , burda html etiketklerini siliyorsunuz.
  • 29-08-2024, 09:46:20
    #3
    baguvix adlı üyeden alıntı: mesajı görüntüle
    <?php echo htmlspecialchars_decode($content['content_text']); ?>

    Sorun burada , burda html etiketklerini siliyorsunuz.
    Maalesef aynı hocam, yapay zekayla denedim şansımı o da yapamadı. çözemedim gitti



  • 29-08-2024, 09:50:58
    #4
    caglargultekin adlı üyeden alıntı: mesajı görüntüle
    Maalesef aynı hocam, yapay zekayla denedim şansımı o da yapamadı. çözemedim gitti



    direkt contenti yazdırıp kontrol etmelisin.
  • 29-08-2024, 10:02:29
    #5
    baguvix adlı üyeden alıntı: mesajı görüntüle
    <?php echo htmlspecialchars_decode($content['content_text']); ?>

    Sorun burada , burda html etiketklerini siliyorsunuz.
    Bir şey sildiği yok yanlış bilgi vermeyin.
    htmlspecialchars yaptığında html etiketlerini encode eder, htmlspecialchars_decode yaptığında eğer daha önce encode etmişse orijinal haline döndürür
  • 29-08-2024, 10:06:26
    #6
    caglargultekin adlı üyeden alıntı: mesajı görüntüle
    Maalesef aynı hocam, yapay zekayla denedim şansımı o da yapamadı. çözemedim gitti



    P etiketi içine basıyorsunuz. Ve bastığınız veri yine p etiketi ve strong içeriyor. Ne dediğimi anlamak için </p> etiketinden sonra yazdırmayı deneyin .
  • 29-08-2024, 10:17:42
    #7
    ErayEfe adlı üyeden alıntı: mesajı görüntüle
    Bir şey sildiği yok yanlış bilgi vermeyin.
    htmlspecialchars yaptığında html etiketlerini encode eder, htmlspecialchars_decode yaptığında eğer daha önce encode etmişse orijinal haline döndürür
    Doğru , ben strip_tags ile karıştırdım niye kızdınız anlamadım
  • 29-08-2024, 10:18:27
    #8
    baguvix adlı üyeden alıntı: mesajı görüntüle
    Doğru , ben strip_tags ile karıştırdım niye kızdınız anlamadım
    Estağfurullah ne kızması
  • 29-08-2024, 16:33:53
    #9
    ErayEfe adlı üyeden alıntı: mesajı görüntüle
    P etiketi içine basıyorsunuz. Ve bastığınız veri yine p etiketi ve strong içeriyor. Ne dediğimi anlamak için </p> etiketinden sonra yazdırmayı deneyin .
    Merhaba, <div> içine çekiyorum <p> içine değil.