راکت

دکمه بزرگنمایی و کوچک کردن متن

3 پاسخ

 تصویر
آقا راهی هست این دکمه بزرگنمایی و کوچیک کردن متن رو برای المنتور یا با افزونه پیاده سازی کرد ؟
توی این پروژه https://codepen.io/ekhager/pen/byqzXJ راهش هست نمی دونم چطوری کاری کنم متن رو ، متن ویرایشگر وردپرس بدونه و اون رو بزرگ یا کوچیک کنه .

ثبت پرسش جدید

پاسخ‌ها

3
vahid
vahid
@vahid1379

تخصص: توسعه دهنده وردپرس

سلام ارادت اگه بخواین هم میتونم با المنتور و هم با افزونه براتون کدنویسیش کنم

علی نظری
علی نظری
@monkey

بله برای المنتور می خوام ، فقط لازمه اطلاعات خاصی رو ارسال کنم ؟
بعد هزینه اش رو هم لطف می فرمایید؟

شاید پاسخ شما همین‌جا باشد

علیرضا تحریری
علیرضا تحریری
@alirezatahriri

تخصص: لاراول، لایوایر و Tailwind css

سلام @021 monkey میتونید با استفاده از کدی که برای شما نوشتم این کار رو انجام بدید و براساس کد پروژه خودتون این کد رو تغییر بدهید.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>میموک - Zoomin و Zoomout در جاوا اسکریپت</title>
</head>

<body>

    <button onclick="zoomIn()">+</button>
    <button onclick="zoomOut()">-</button>

    <div id="content" style="font-size: 16px;">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti eos, provident eaque eveniet vitae quod
        recusandae nobis ipsum mollitia facere magnam, similique corporis commodi laudantium facilis quos, odit atque
        sapiente?</div>

    <script>
        let content = document.getElementById('content');

        function zoomIn() {
            console.log(parseInt(content.style.fontSize));
            content.style.fontSize = `${parseInt(content.style.fontSize) + 1}px`;
        }

        function zoomOut() {
            content.style.fontSize = `${parseInt(content.style.fontSize) - 1}px`;
        }
    </script>

</body>

</html>

موفق باشید :)

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام