← Rudi kwenye Vipengele
Pro

Hamisha Kipengele

Hamisha Kipengele inakuruhusu kubonyeza kipengele chochote na kuhamisha muundo wake kamili katika miundo mitatu.

Hamisha Kipengele inakuruhusu kubonyeza kipengele chochote na kuhamisha muundo wake kamili katika miundo mitatu.

Uhakiki wa Moja kwa Moja
example.com/components
Bofya kipengele chochote ili kuhamisha
Kadi ya Bei
Imemteuliwa kwa ajili ya kuhamishwa
$29.99/month
Jisajili
Hamisha Kipengele
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>
Mistari 7 · baiti 248 Nakili HTML
Vipengele Muhimu

Hamisha kama HTML Safi

Pata msimbo kamili wa HTML wa kipengele kilichochaguliwa ikiwemo watoto wote, sifa (attributes), na muundo uliowekwa ndani. Matokeo yamewekwa vizuri na kuandaliwa — si mchanganyiko wa mstari mmoja unaopata kutoka outerHTML. Tayari kubandikwa kwenye faili mpya ya HTML au templeti ya kipengele.

Hamisha kama CSS Iliyokokotolewa

Chukua kila sifa ya CSS iliyokokotolewa kwa kipengele kama stylesheet safi iliyoandaliwa. Inajumuisha uandishi, rangi, nafasi, mipaka, mpangilio, na nafasi. CSS ni kile ambacho kivinjari kinatoa haswa — kikizingatia urithi (inheritance), umaalum (specificity), na mfululizo (cascading).

Hamisha kama JSON Iliyopangwa

Pata kitu cha JSON chenye jina la tag ya kipengele, ramani ya sifa, mitindo iliyokokotolewa, maudhui ya maandishi ya ndani, na mfululizo wa watoto (recursive children array). Ni muhimu kwa uchambuzi wa programu, nyaraka, majaribio, au kujenga zana maalum.

Kubadilisha Miundo kwa Tab

Badili kati ya tab za HTML, CSS, na JSON papo hapo. Kila muundo unazalishwa kutoka kwa kipengele kilekile kilichochaguliwa, ili uweze kuchukua uwakilishi wowote unaohitaji. Zote tatu zinapatikana kila wakati bila kuchagua tena kipengele.

Uhakiki wa Msimbo wenye Rangi (Syntax Highlighted)

Kila muundo wa kuhamisha unaonyeshwa kwa kuangazia msimbo katika jopo la uhakiki. Tag za HTML katika nyekundu, sifa katika njano, thamani katika kijani. Sifa za CSS katika zambarau, thamani katika kijani. Keys na thamani za JSON zimepewa rangi. Rahisi kusoma kabla ya kunakili.

Nakili kwa Mbofyo Mmoja wenye Taarifa za Ukubwa

Bofya kitufe cha Nakili ili kuchukua maudhui ya tab ya sasa. Bar ya hali inaonyesha idadi ya mistari na ukubwa wa byte wa faili, ili ujue ni kiasi gani cha maudhui unachonakili. Maoni ya uthibitisho yanaonyesha wakati nakala inapofanikiwa.

Matumizi ya Kawaida

Kuchukua Vipengele kutoka Tovuti za Marejeleo

Umepata kadi, sehemu ya hero, au bar ya urambazaji unayotaka kuiga? Ibonyeze, hamisha HTML kwa ajili ya muundo, kisha hamisha CSS kwa ajili ya mtindo. Una mahali kamili pa kuanzia kwa ajili ya kipengele chako mweneywe.

Kuweka Kumbukumbu za Vipengele vya UI

Hamisha vipengele kama JSON kwa ajili ya nyaraka au kumbukumbu za mfumo wa usanifu. Uwakilishi uliopangwa unajumuisha majina ya tag, sifa, na mitindo — kamili kwa ajili ya kudumisha orodha ya vipengele au kuingiza kwenye zana za nyaraka.

Kuunda Fixtures za Majaribio

Unahitaji fixtures za HTML kwa ajili ya majaribio ya kitengo (unit tests)? Hamisha HTML ya kipengele na uibandike kwenye faili yako ya majaribio. Matokeo ni safi na yameandaliwa, tayari kutumika kama snapshot ya DOM kwa majaribio ya vipengele.

Kurekebisha Masuala ya Mtindo Iliyokokotolewa

Hamisho la CSS linaonyesha mitindo iliyokokotolewa — kile ambacho kivinjari kinatoa haswa baada ya sheria zote za CSS kutumika. Linganisha matokeo yaliyokokotolewa dhidi ya CSS uliyoandika ili kupata migongano ya umaalum, upitishaji wa urithi, au thamani chaguomsingi zisizotarajiwa.

Kuhifadhi Vipande vya Msimbo kwa Marejeleo

Nakili utekelezaji maridadi kutoka tovuti za uzalishaji hadi kwenye maktaba yako ya vipande vya msimbo (snippets). Hamisha HTML na CSS pamoja ili kuhifadhi kipengele kamili — muundo na mtindo — kwa marejeleo ya baadaye.

Jinsi ya Kutumia
1

Washa Hamisha Kipengele

Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya Export Element. Kielekezi kinabadilika kuwa kielekezi cha kuchagua (crosshair), na jopo la kuhamisha lenye tab linafunguka.

2

Bofya Kipengele ili Kuchagua

Bofya kipengele chochote kwenye ukurasa. Kinaangaziwa na mpaka wa zambarau, na jopo la kuhamisha linajaa uwakilishi wa HTML, CSS, na JSON wa kipengele hicho kwenye tab tatu.

3

Badili Kati ya Miundo

Bofya tab ya HTML, CSS, au JSON ili kuona kipengele katika miundo tofauti. Kila tab inaonyesha uhakiki uliowekwa vizuri na msimbo ulioangaziwa.

4

Kagua & Nakili

Kagua uhakiki ili kuhakikisha una kile unachohitaji. Bofya kitufe cha "Nakili" ili kuweka maudhui ya tab ya sasa kwenye ubao wako wa kunakili. Bar ya hali inaonyesha idadi ya mistari na ukubwa.

5

Chagua Kipengele Kingine

Bofya kipengele tofauti kwenye ukurasa ili kusasisha jopo la kuhamisha na maudhui mapya. Hakuna haja ya kuzima — endelea kubofya ili kuhamisha vipengele vingi.

Uko Tayari Kujaribu?

Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.

Ongeza kwenye Chrome Ongeza kwa Edge Ongeza kwenye FireFox