पीडीएफ में छवियों के बगल में पाठ को कैसे व्यवस्थित करें?

Question

मैं किसी दस्तावेज़ की पीडीएफ प्रति उत्पन्न करने के लिए PHP, Smarty और TCPDF लाइब्रेरी का उपयोग कर रहा हूं। दस्तावेज़ में टेक्स्ट सामग्री के साथ WIRIS संपादक से गणितीय अभिव्यक्तियों की छवियां शामिल हैं।

मुझे अभिव्यक्ति छवि के ठीक आगे आने वाले पाठ को स्थिति में रखने में समस्या हो रही है।

मैंने सीएसएस float गुणों में हर चीज की कोशिश की, लेकिन कुछ भी नहीं हुआ। मैं इस मेल के साथ जो भी चाहता हूं उसके स्क्रीन शॉट को जोड़ रहा हूं।

यह सवाल और इसके विकल्प मुद्रित करने के लिए चतुर टेम्पलेट कोड है:

{foreach from=$question_data item=qstn_ans key=key} 
    <table border="0" width="100%" cellpadding="2" cellspacing="0"> 
     <tr> 
      <td valign="top" >{if $qstn_ans.question_directions}{$qstn_ans.question_directions}<br /><b>Question {$que_seq_no} : </b>{/if}{$qstn_ans.question_text}</td> 
     </tr> 
     {if $qstn_ans.question_file} 
     <tr> 
      <td><img src="{$ques_thum_image_path}{$qstn_ans.question_id}_{$qstn_ans.question_file}" /></td> 
     </tr> 
     {/if} 
     {if $qstn_ans.question_has_sub_ques==0} 
      {if $qstn_ans.answer} 
       {foreach from=$qstn_ans.answer item=ans key=ans_no} 
        <td valign="top" > 
         {if $ans.answer_is_right==1}{assign var='correct_ans' value=$ans_no+1}{/if} 
          <b>{$ans_no+1}.</b>&nbsp;&nbsp;{if $ans.answer_text!=''}{$ans.answer_text}{/if} 
          {if $ans.answer_file!=''}<img src="{$ans_thumb_img_path}{$ans.answer_id}_{$ans.answer_file}" />{/if} 
        </td> 
       </tr> 
       {/foreach} 
     <tr> 
      <td></td> 
     </tr> 
    </table> 
{/foreach} 

यह कोड स्निपेट के रूप में मैं यह बेतरतीब ढंग से पाश और कोष्ठक पूरा होने की जाँच के बिना चिपकाया, कुछ त्रुटियां हो सकती हैं, लेकिन यह नहीं है यहां मुद्दा

इस कोड का एकमात्र महत्वपूर्ण हिस्सा प्रश्न पाठ और प्रश्न छवि को मुद्रित करने के लिए रेखाएं हैं, यदि यह मौजूद है।

मैंने सही समाधान के लिए शोध किया, लेकिन वांछित नहीं मिला। क्या कोई मेरी मदद कर सकता है।

Screenshot

Answer 1

इस कोड काम ठीक से

$html = <<<EOD 
<h1><img src="http://www.google.com/logos/2013/wangari_maathai_73rd_birthday-1400005-hp.jpg" height="50px" width="150px"> Welcome to <a href="http://www.tcpdf.org" style="text-decoration:none;background-color:#CC0000;color:black;">&nbsp;<span style="color:black;">TC</span><span style="color:white;">PDF</span>&nbsp;</a>!</h1> 
<i>This is the first example of TCPDF library.</i> 
<p>This text <img src="http://www.google.com/logos/2013/wangari_maathai_73rd_birthday-1400005-hp.jpg" height="50px" width="150px"> <br>is printed using the <i>writeHTMLCell()</i> method but you can also use: <i>Multicell(), writeHTML(), Write(), Cell() and Text()</i>.</p> 
<p>Please check the source code documentation and other examples for further information.</p> 
<p style="color:#CC0000;">TO IMPROVE AND EXPAND TCPDF I NEED YOUR SUPPORT, PLEASE <a href="http://sourceforge.net/donate/index.php?group_id=128076">MAKE A DONATION!</a></p> 
EOD; 

// Print text using writeHTMLCell() 
$pdf->writeHTMLCell($w=0, $h=0, $x='', $y='', $html, $border=0, $ln=1, $fill=0, $reseth=true, $align='', $autopadding=true); 

Answer 2

<br> कोड है कि आपकी समस्या का समाधान होगा उपयोग करने का प्रयास का पता लगाएं

Answer 3

ऐसा नहीं है कि सभी जानकारी संरेखण से बाहर है कि $qstn_ans.question_text से आ रहा है की तरह लगता है, इसलिए ऊपर दिए गए कोड के साथ वास्तव में कोई समस्या नहीं है।

मैं एक अलग अनुच्छेद में उस प्रश्न के पाठ में प्रत्येक "कथन" को सहेजने का सुझाव दूंगा। जैसे

<p>Statement I: The variance of first n even natural numbers is <img src="?" /></p> 
<p>Statement II: The sum of first n natural numbers is <img src="?" /></p> 
<p>and the sum of squares of first n natural numbers is <img src="?" /></p> 

इससे प्रश्न टेक्स्ट की प्रत्येक "रेखा" को एक-दूसरे में बंप किए बिना अलग-अलग प्रदर्शित करने का कारण बनना चाहिए।

Answer 4

मैं नेर्डवुड से सहमत हूं कि यह एक स्मार्ट मुद्दे की तरह नहीं दिखता है; मुझे लगता है कि यह सिर्फ एक सीएसएस मुद्दा है। img टेक्स्ट की अगली पंक्ति के बाएं किनारे को पकड़ने के लिए काफी दूर तक फैल रहा है। आपको टेक्स्ट को नीचे टक्कर देने की आवश्यकता है ताकि वह बाईं ओर जा सके। आप imgclear: right;

पर एक सीएसएस संपत्ति डाल सकते हैं, मुझे लगता है कि इसे करना चाहिए।

Answer 5

TCPDF के एचटीएमएल, सही नहीं है तो आप प्रत्येक <td> में width विशेषताओं का उपयोग करना चाहिए:

... 
<tr> 
    <td valign="top" width="250" > 
     {if $qstn_ans.question_directions}{$qstn_ans.question_directions}<br /><b>Question {$que_seq_no} : </b>{/if}{$qstn_ans.question_text} 
    </td> 
</tr> 
    {if $qstn_ans.question_file} 
<tr> 
    <td width="100"> 
     <img src="{$ques_thum_image_path}{$qstn_ans.question_id}_{$qstn_ans.question_file}" /> 
    </td> 
</tr> 
    {/if} 
...