ኤለመንት ወደ ውጪ ላክ በማንኛውም ድረ-ገጽ ላይ ማንኛውንም ኤለመንት ጠቅ አድርገው ሙሉ መዋቅሩን በሶስት ቅርጸቶች ይላኩ — ጥሬ HTML markup ከሁሉም ልጆችና ባህሪያት ጋር፣ የተሰላ CSS ስታይሎች እንደ ንጹህ ስታይልሺት፣ ወይም የተዋቀረ JSON ውክልና። ለንድፍ ቅጦች ማውጣት፣ ኮድ ቅጥቢቶችን ማስቀመጥ፣ እና UI ክፍሎችን መመዝገብ ፍጹም መሳሪያ።
ማንኛውም ገንቢ ከነባር ገጽ ኮድ ማውጣት የሚፈልግበት ጊዜ አለ — ምናልባት በሚያምር ሁኔታ የተቀረጸ ካርድ፣ በደንብ የተዋቀረ ናቪጌሽን ባር፣ ወይም ለመድገም የሚፈልጉት ቅጽ አቀማመጥ ሊሆን ይችላል። ኤለመንት ወደ ውጪ ላክ ይህን ሁሉ በአንድ ጠቅታ ያስተካክላል። ማንኛውንም ኤለመንት ይምረጡ እና ሙሉ HTML፣ ሙሉ የተሰላ CSS፣ ወይም የተዋቀረ JSON ውክልናውን ያግኙ — እያንዳንዳቸው በራሳቸው ትር ውስጥ፣ በቅርጸት የተደረገ እና ለአጠቃቀም ዝግጁ።
<div class="pricing-card">
<div class="card-header">
<img src="icon.svg"/>
<h3>Pricing Card</h3>
</div>
<p>$29.99/month</p>
<button>Subscribe</button>
</div>
የተመረጠው ኤለመንት ሙሉ HTML markup ሁሉንም ልጆች፣ ባህሪያት እና ያለውን መዋቅር ያካትታል። ውፅዓቱ በትክክል ገብቷል — ወደ አዲስ HTML ፋይል ወይም ክፍል ቤተ-ፍርግም ለመለጠፍ ዝግጁ።
ለኤለመንቱ ያለውን እያንዳንዱ የተሰላ CSS ባህሪ እንደ ንጹህ፣ በቅርጸት የተደረገ ስታይልሺት ያውጡ። ብራውዘሩ ሁሉንም CSS ደንቦች ከተተገበረ በኋላ ምን እንደሚያሳይ — ታይፖግራፊ፣ ቀለሞች፣ ስፔሲንግ፣ ድንበሮች፣ አቀማመጥ እና ቦታ ያካትታል።
የኤለመንቱን tag ስም፣ ባህሪያት ካርታ፣ የተሰላ ስታይሎች፣ ውስጣዊ ጽሁፍ ይዘት እና ተደጋጋሚ ልጆች ድርድር የያዘ JSON ነገር ያግኙ። ለፕሮግራማዊ ትንተና፣ ሰነድ፣ ወይም የፈተና መደላድሎች ጠቃሚ።
በ HTML፣ CSS እና JSON ትሮች መካከል በቅጽበት ይቀያይሩ። እያንዳንዱ ቅርጸት ከተመሳሳይ ኤለመንት ይፈጠራል፣ ስለዚህ ኤለመንቱን ዳግም ሳይመርጡ ማንኛውንም ውክልና ማግኘት ይችላሉ።
እያንዳንዱ ወደ ውጪ የተላከ ቅርጸት በቅድመ-እይታ ፓነል ውስጥ ከ syntax ማድመቅ ጋር ይታያል። HTML tags በቀይ፣ ባህሪያት በቢጫ፣ ዋጋዎች በአረንጓዴ። ከመቅዳትዎ በፊት ለማንበብ ቀላል።
የቅዳ ቁልፍን ጠቅ ያድርጉ የአሁኑን ትር ይዘት ለመያዝ። የሁኔታ አሞሌው የመስመር ብዛት እና ባይት መጠን ያሳያል፣ ስለዚህ ምን ያህል ይዘት እንደሚቀዱ ያውቃሉ።
ለመድገም የሚፈልጉት ካርድ፣ ሂሮ ክፍል ወይም ናቪጌሽን ባር አገኙ? ጠቅ ያድርጉ፣ ለመዋቅሩ HTML ያውጡ፣ ከዚያ ለስታይሊንግ CSS ያውጡ።
ኤለመንቶችን ለሰነድ ወይም ለንድፍ ሥርዓት መዛግብት እንደ JSON ያውጡ።
ለዩኒት ፈተናዎች HTML fixtures ያስፈልግዎታል? የኤለመንቱን HTML ያውጡ እና በፈተና ፋይልዎ ውስጥ ይለጥፉ።
CSS ወደ ውጪ ማላክ የተሰላ ስታይሎችን ያሳያል — ሁሉም CSS ደንቦች ከተተገበሩ በኋላ ብራውዘሩ ምን እንደሚያሳይ።
ከምርት ጣቢያዎች ውበት ያላቸውን ትግበራዎች ወደ ግላዊ ቅጥቢት ቤተ-መጽሐፍት ይቅዱ።
የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና የኤለመንት ወደ ውጪ ላክ አዶን ጠቅ ያድርጉ። ጠቋሚው ወደ ምልክት ጠቋሚ ይቀየራል፣ እና የላኪ ፓነል ትር ይከፈታል።
በገጹ ላይ ማንኛውንም ኤለመንት ጠቅ ያድርጉ። ሐምራዊ ድንበር ይደመቃል፣ እና ፓነሉ በኤለመንቱ HTML፣ CSS እና JSON ውክልናዎች ይሞላል።
ኤለመንቱን በተለያዩ ቅርጸቶች ለማየት HTML፣ CSS ወይም JSON ትርን ጠቅ ያድርጉ። እያንዳንዱ ትር syntax-highlighted እና በቅርጸት የተደረገ ቅድመ-እይታ ያሳያል።
የሚፈልጉትን እንደያዘ ለማረጋገጥ ቅድመ-እይታውን ይቃኙ። የአሁኑን ትር ይዘት በቅንጥቦር ላይ ለማስቀመጥ "ቅዳ" ቁልፍን ጠቅ ያድርጉ።
የላኪ ፓነሉን በአዲስ ይዘት ለማዘመን በገጹ ላይ ሌላ ኤለመንት ጠቅ ያድርጉ። ማቦዘን አያስፈልግም — ብዙ ኤለመንቶችን ለመላክ ጠቅ ማድረጉን ይቀጥሉ።
DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።