Как установить высоту и ширину по умолчанию для данных, поступающих из ckeditor (текстовый редактор wysiwyg) при отображении на веб-сайте через php - PullRequest
Новая
       22

Как установить высоту и ширину по умолчанию для данных, поступающих из ckeditor (текстовый редактор wysiwyg) при отображении на веб-сайте через php

0 голосов
/ 12 февраля 2019

Я использую CKEditor в качестве текстового редактора для своего проекта, и я также загружаю туда изображения.Я мог бы сохранить высоту и ширину редактора по умолчанию перед вставкой данных в базу данных, однако, чтобы иметь встроенный экран для Android и iOS, я должен установить нулевое значение в высоте и ширине вокно предварительного просмотра.А для сайта перед загрузкой данных я использую html_entity_decode.Все отлично работает с html_entity_decode, но размер изображения портит мою веб-страницу.Можно ли как-то справиться с изображениями, поступающими в CKEditor при отображении контента на веб-сайте?

Для веб-сайта я хочу установить высоту по умолчанию 500 пикселей и ширину 900 пикселей.

Я получаю такие данные без html_entity_decode:

दूतावासले नेपाली कामदार कार्यरत कम्पनी कम्पनी कम्पनीविरुद्ध मुद्दा मुद्दा लडेर क्षतिपूर्ति रकम उपलब्ध गराएको हो हो।'कुवेती कानुनले दिएको अधिकार प्रयोग गरी मुद्दा मुद्दा हो हो हो,' राजदूत भने हमालले कान्तिपुरलाई भने, 'घाइते र मृत्यु भएका श्रमिकका परिवारका परिवारका। लडेका हौं।'

<p><img alt="" src="/assets/editor/kcfinder/upload/images/sher_bahadur_deuba_X4KLNxAc7l.JPG" /></p>

दूतावासले मुद्दा लड्न कुवेती वकिललाई प्रयोग गरेको हो।राजदूत हमालले प्रमाण भएमा उच्च क्षतिपूर्ति दिलाउन सकिने बताए।एउटै ब्यक्तिलाई ६४ हजार अमेरिकी डलरसम्म दिलाइएको दिलाइएको र बढी कार्यस्थल कार्यस्थल सडक दुर्घटनामा मृत्यु श्रमिकका परिवारले परिवारले दूतावासले जनाएको।।।'

Можно ли заменить его на str_replace / css / js?

У меня есть следующие строки кода в файле, где я не могу установить ширину и высотуimg tag: 

<?php require 'inc/header.php';
if (isset($_GET['id']) && !empty($_GET['id'])) {
$id = $_GET['id'];

if ($id) {
    $getNews = $news->getNewsById($id);
}
if ($getNews) {

    $content = $getNews[0]->story;

    $content = str_replace('<img ', '<img width="900" height="500" ', $content);

    print_r($content); 

    exit;
}

}
 ?>

<div class="main">
    <div class="container">
        <!-- End of top adspace -->
        <div class="row py-2 px-2">

            <!--  Main Content Column-->
            <div class="col-md-9">
                <h1 class="py-3 text-md-center" style="margin: auto;"><?php echo $getNews[0]->title ?>
                </h1>
                <?php 

                $image = basename($getNews[0]->image);

                if (isset($getNews[0]->image) && !empty($getNews[0]->image) && file_exists(UPLOAD_DIR.'news/'.$image)) {

                    $feature = UPLOAD_URL.'news/'.$image; 
                ?>
                <a href=""><img src="<?php echo $feature ?>" class="img-fluid py-2 apple" style="width:900px; height: 600px"></a>
                <?php

                } else {
                    $feature = "";
                    ?>
                    <a href=""><img src="<?php echo $feature ?>" class="img-fluid py-2 apple"></a>
                    <?php
                }

                 ?>
                <p class="ptype777 editor">
                    <?php echo html_entity_decode($getNews[0]->story) ?>
                </p>
            </div>
            <!-- Sidebar -->
            <div class="col-lg-3 col-xs-8 col-md-8 pt-2">
                <div class="row" style="padding-top: 55px">

                        <a href=""><img src="<?php echo FRONT_IMAGES_URL ?>template2.gif" alt="template1" class="img-fluid pt-4 apple"></a>
                        <a href=""><img src="<?php echo FRONT_IMAGES_URL ?>template3.gif" alt="template1" class="img-fluid py-2 apple"></a>
                        <a href=""><img src="<?php echo FRONT_IMAGES_URL ?>template4.gif" alt="template1" class="img-fluid py-2 apple"></a>
                        <a href=""><img src="<?php echo FRONT_IMAGES_URL ?>template5.gif" alt="template1" class="img-fluid py-2 apple"></a>
                </div>
            </div>
        </div>
    </div>
</div>

1 Ответ

0 голосов
/ 12 февраля 2019

Мой совет: либо определить размеры в CSS, либо использовать javascript для установки размеров.

Параметр CSS: 

img {
  width: 900px;
  height: 500px;
}

Javascriptопция Изменить размер изображения с помощью JavaScript

Другой вариант - использовать str_replace . 

str_replace('<img ', '<img width="900" height="500" ', $content);

InВ приведенном выше сценарии я предполагаю, что $ content содержит теги Image, для которых вы хотите установить ширину и высоту.

...