सिम्फनी 2 - एसेटिक - सीएसएस

Question

में लोड छवियां मेरे पास कोरबंडल है जिसमें मुख्य सीएसएस फ़ाइलें और छवियां हैं। अब मुझे एक समस्या है जब मैं सीएसएस से एक छवि लोड करता हूं; छवि नहीं दिखाया गया है।

background-image:url(../images/file.png) 

(एक पूर्ण पथ यह काम करता है के साथ) मैं आदेश का उपयोग संपत्ति स्थापित: assets:install web और मैं web/bundles/cmtcore/(css|images) के तहत छवि और सीएसएस फ़ाइलों को देख सकते हैं।

यहाँ कोर बंडल के अंदर फ़ाइल संरचना है:

/CoreBundle 
    /Resources 
     /public 
      /css 
       /main.css 
      /images 
       /file.png 

और यहाँ कैसे मैं टेम्पलेट में सीएसएस फ़ाइल लोड है:

{% stylesheets '@CmtCoreBundle/Resources/public/css/*' %} 
     <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" /> 
{% endstylesheets %} 

अग्रिम में आपकी मदद के लिए धन्यवाद।

Answer 1

Assetic बंडल

से cssrewrite फिल्टर का उपयोग config.yml में:

assetic: 
    debug:   %kernel.debug% 
    use_controller: false 
    filters: 
     cssrewrite: ~ 

और फिर इस तरह से अपनी शैली फोन:

{% stylesheets 'bundles/cmtcore/css/*' filter='cssrewrite' %} 
     <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" /> 
{% endstylesheets %} 

ओह और उपयोग करने के लिए मत भूलना php app/console assetic:dump

Answer 2

मैं सीएसएस फ़ाइल अलग ढंग से लोड करके इस "हल":

<link rel="stylesheet" href="{{ asset('bundles/cmtcore/css/main.css') }}" type="text/css" media="all" /> 

इस तरह यह एक्मे/DemoBundle में किया जाता है।

मैं इस प्रश्न को अनसुलझा छोड़ दूंगा क्योंकि यह मूर्खतापूर्ण लगता है।

Answer 3

मैंने अनुसरण करके समस्या हल की इस साइट पर निर्देशों को दर्ज करना: http://www.craftitonline.com/2011/06/symfony2-beautify-with-assetic-and-a-template-part-ii/

वास्तविक समस्या यह है कि आप अपने बंडल संसाधनों को पूर्ण संदर्भित करते हैं, लेकिन उन्हें संदर्भित करना चाहिए।

{% stylesheets filter='cssrewrite' output='css/*.css' 
    'bundles/blistercarerisikobewertung/css/*' %} 
    <link href="{{ asset_url }}" type="text/css" rel="stylesheet" /> 
{% endstylesheets %} 

स्पष्ट अपने कैश और यान के जवाब के बारे में फिर से

Answer 4

अपनी संपत्ति स्थापित करते हैं, वास्तव में आप अगर आप --symlink विकल्प का उपयोग हर बदलाव के बाद संपत्ति को पुन: स्थापित करने के लिए नहीं है।

हालांकि, ध्यान दें कि विक्रेताओं, स्क्रिप्ट स्थापित सिमलिंक के ऊपर लिख देगा ताकि आप bundles/* फ़ोल्डरों विक्रेताओं स्क्रिप्ट चलाने के बाद फिर से --symlink विकल्प के साथ संपत्ति हटा सकते हैं और स्थापित करने के लिए की आवश्यकता होगी चल रहा है।

Answer 5

वहाँ ccsrewrite साथ कुछ मुद्दों था:

जब AsseticBundle में @MyBundle सिंटैक्स का उपयोग संपत्ति को संदर्भित करने के CssRewrite फिल्टर काम नहीं करता। यह एक ज्ञात सीमा है।

यहाँ cssrewrite के लिए php संस्करण है:

<?php 
    foreach ($view['assetic']->stylesheets(array(
     'bundles/test/css/foundation/foundation.css', 
     'bundles/test/css/foundation/app.css', 
     'bundles/test/css/themes/adapzonManager.css'), array('cssrewrite')) as $url): 
?> 
    <link rel="stylesheet" href="<?php echo $view->escape($url) ?>" /> 
<?php endforeach; ?> 

Answer 6

मैं एक ऐसी ही समस्या है, और मैं चारों ओर कम से कम एक दिन के लिए देखा है, और मैं इस के लिए एक अच्छा व्यावहारिक समाधान है यकीन नहीं मुसीबत। मैं जावास्क्रिप्ट और सीएसएस को संभालने के लिए एसेटिक का उपयोग करने की सलाह देता हूं, और फिर अपनी छवियों को अपनी वेबसाइट के डॉक्रूट में डाल रहा हूं। उदाहरण के लिए, यदि आपके पास एक css फ़ाइल है जो संदर्भ ../images/file.png है, तो बस अपने दस्तावेज़ के नीचे फ़ोल्डर बनाएं और छवियां बनाएं और वहां फ़ाइल.png डाल दें। यह निश्चित रूप से सबसे अच्छा सैद्धांतिक समाधान नहीं है, लेकिन यह केवल एकमात्र ऐसा है जिसे मैं वास्तव में काम करता हूं।

Answer 7

मैंने इस मुद्दे को हल करने के लिए एक अतिरिक्त फ़िल्टर के साथ एक छोटा बंडल विकसित किया है। आप इसे github पर पा सकते हैं: https://github.com/fkrauthan/FkrCssURLRewriteBundle.git

यदि आपके पास अपनी सीएसएस फ़ाइल में रिलेटिव पथ हैं तो इस बंडल के साथ @ कॉन्टैक्टिक कार्यों के लिए नोटेशन। बंडलों/datacodebudget: (| | img js सीएसएस) और assetic उत्पादन पैरामीटर के लिए लिखने के लिए सेट कर दिया जाता

मेरे परिसंपत्तियों में src/Datacode/BudgetBundle/संसाधन/सार्वजनिक/जमा हो जाती है:

Answer 8

मैं इस का उपयोग करते हुए इनको हल /css/styles.css (वेब ​​निर्देशिका में)

मेरे सीएसएस में मैं रिश्तेदार पथ का उपयोग करता हूं ../ संदर्भ छवियों का उपयोग करता हूं।

मेरे सीएसएस के रूप में भरी हुई है इस प्रकार है::

{% stylesheets 
    '@DatacodeBudgetBundle/Resources/public/css/bootstrap.css' 
    '@DatacodeBudgetBundle/Resources/public/css/bootstrap-responsive.css' 
    '@DatacodeBudgetBundle/Resources/public/css/styles.css' 
    '@DatacodeBudgetBundle/Resources/public/css/chosen.css' output="bundles/datacodebudget/css/styles.css" 
%} 
<link href="{{ asset_url }}" rel="stylesheet" type="text/css" /> 
{% endstylesheets %} 

मेरी config.yml फ़ाइल में मेरे पास है:

assetic: 
    use_controller: true 

कौन सा (

यहाँ .htaccess नियम है htaccess rewrite के बिना) छवियों को लोड नहीं होने का कारण बनता है क्योंकि छवि के सापेक्ष पथ app_dev.php/bundles/datacodebudget/i पर है मिलीग्राम/someimage.jpg। Cssrewrite फ़िल्टर का उपयोग करना या तो काम नहीं करता है क्योंकि फिर यह ../img को ../../../../Resources/public/img/ पर संसाधन/सार्वजनिक/img को हल करता है।

htaccess विधि का उपयोग करके छवियों को ठीक से लोड किया जाता है और मुझे केवल संपत्ति चलाने की आवश्यकता होती है: डंप/संपत्ति: जब मैं नई छवियां जोड़ता हूं या उत्पादन में परिवर्तन को धक्का देना चाहता हूं।

Answer 9

मैंने 'symfony_root/web /' फ़ोल्डर में छवियों के साथ स्थायी रूप से 'छवियों' फ़ोल्डर को बनाकर इस समस्या को हल किया। परिणाम: 'symfony_root/web/images /' - और यह बहुत अच्छा काम बन जाता है!